Sign in to follow this  
Destrifer

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

Recommended Posts

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

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

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

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

Т.е. имеем:

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

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

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

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

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

.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 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,331
    Total Members
    3,128
    Most Online
    god
    Newest Member
    god
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.