Моя цель состоит в том, чтобы все ячейки в таблице имели цвет фона, кроме тех, у которых класс "прозрачный". Вот пример кода (соответствующий jsfiddle):
<style>
td { background-color: red }
td.transparent { background-color: none }
</style>
<table>
<tr>
<td>foo</td>
<td class="transparent">bar</td>
</tr>
</table>
Почему td.прозрачная ячейка не соответствует правилу td.transparent css? Когда я проверяю элемент, это правило существует, но оно становится переопределяемым правилом td, которое, похоже, нарушает обычные правила спецификации CSS.
Я могу получить то, что хочу, используя rgba(0,0,0,0)
вместо none
, но rgba не поддерживается в IE8, и я хотел бы избежать использования уродливого взлома, если бы мог.
Я также хотел бы просто понять, почему это не работает так, как я ожидал.
Мысли?