Переопределить стиль свертывания границ таблицы Bootstrap

Bootstrap имеет table {border-collapse: collapse; border-spacing:0;} стиль. Я хочу переопределить это, поэтому я создал класс и применил его к рассматриваемой таблице:

table.FormGroupContainer
{
    border-collapse: separate;
    border-spacing: 2px;
}

но все же границы остаются разрушенными. Инспектор элементов Chrome показывает, что Bootstrap CSS был переопределен, но только отключение стиля в инспекторе допускает интервал между границами. Я наблюдал это в IE 11 и Firefox 31.0. Встроенные стили также могут переопределяться (как показано в Инспекторе Chrome), но не действуют, пока я не отключу стиль Bootstrap.

Порядок загрузки CSS также, похоже, не имеет значения. Что дает? Разве класс не выше специфики?

Источник

1 ответ

Решение

Порядок загрузки был проблемой здесь. Моя таблица стилей загружалась до Bootstrap. Я добавил большую специфичность к правилу в моей таблице стилей, что позволило ему конкурировать с Bootstrap table CSS. Спасибо @Christina.

Источник
Другие вопросы по тегам