Как задать стиль для таблицы с классом active?

Question

[Insom84]

Ребят, нубский вопрос)
Не пойму как прописать стиль к таблицам у которых класс .active
пример:
.active td { border: 1px solid #ccc; } - так не работает
а когда добавляю класс блока в которой она находится, то работает:
.content .active td { border: 1px solid #ccc; }
Но дело в том, что класс у таблиц всех один, но блоки разные. Как мне прописать стиль для всех, не указывая блок?

Comments

[Артур Карапетян]

table.active ... ? Покажете html - будет понятнее, а то сейчас каша

[2cha.headz]

если так не работает .active td
а так работает .content .active td

то дело в приоритете селекторов (специфичности)

[Insom84]

Артур, table.active tbody tr td{ так сработало! И еще вопрос: а как задать цвет для первых tr в таблице? Т.е. чтобы шапка таблицы была окрашена?

[Артур Карапетян]

обычно шапку оборачивают в thead, исходя из этого table thead tr td ....

[Insom84]

Артур, шапка не обернута, она является первым tr. Есть вроде какой то способ задать стиль для первого элемента?

[Артур Карапетян]

tbody tr:first-child {...}

[Insom84]

Спасибо всем, разобрался!

Answer 1

[Сергей Котов]

Попробуй !important. active td { border: 1px solid #ccc!important; }

Answer 2

[Roweb]

Дело в спецефичности селекторов. Попробуйте увеличить специфичность селектора или пропишите код ниже в css файле

Answer 3

[igumenov]

нужно записать так:
table.active td { border: 1px solid #ccc; } и тогда будет работать