Destrifer

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

Рекомендованные сообщения

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

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

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

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

Т.е. имеем:

.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 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Статистика пользователей

    46 180
    Всего пользователей
    3 128
    Рекорд онлайна
    evgengold
    Новый пользователь
    evgengold
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.