Комбинирование псевдоклассов

[Destrifer]

Собственно, таблица.

По ховеру меняется цвет в ячейках, условно, на золото.

Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально.

Причем они имеют отличные от остальных ячеек цвета. Условно - серебро.

Т.е. имеем:

.tbl tr td:hover {
	background: gold;
}

.tbl tr td:first-child {
	background: silver;
}

.tbl tr td:first-child:hover {
	background: silver;
}

Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет.

А вот с первой строкой, так не получается

.tbl tr:first-child {
	background: silver;
}

.tbl tr:first-child:hover {
	background: silver !important;
}

Все равно,

.tbl tr td:hover {
	background: gold;
}

перебивает и красит золотом. Ипотант, выше/ниже - ничего не помогает. В фаерфоксе видно, что правило "перебивается".

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

Спасибо всем.

Прописал так:

.tbl tr:first-child td:hover 

 

[Switch74]

.tbl tr:first-child td:hover { background: silver !important; }