Используем псевдокласс :not() на примере задачи «Выделение активной строки таблицы на чистом CSS»

Скрипты и советы | 28 мая 2019

Уроки CSS на Хабрахабре, habrahabr.ru, CSS

Несколько дней назад мой друг попросил помочь с решением задачи, которая была на его собеседовании. Интервьюер дал ему следующий фрагмент кода:



tbody:hover tr { opacity: 0.24;}

Также добавил: “Сейчас, при наведении на таблицу, все строки становятся блеклыми. А требуется сделать так, чтобы строка, на которую навели, оставалась активной”.



Читать дальше →
Canvas & SVG: работаем с графикой

В HTML5 представлено два элемента для работы с web графикой: Canvas и SVG. Две эти технологии достаточно сильно...

Подробнее
Каскадные Таблицы Стилей / самый простой: hover в ie

Всем давно известно, что hover в ie6 не работает ни для чего, кроме a: hover. Чтобы уйти от этого ограничения,...

Подробнее
Ищем поддержку hover на css

Доброго времени суток, дорогие хабрахабровцы! При создании адаптивной версии сайта, часто бывают ситуации, когда надо...

Подробнее
[Из песочницы] Фиксированый стиль таблицы или Fixed Table Layouts

Сей опус это вольный перевод публикации Криса Койлера [Chris Coyier] от 2 Июля. В качестве вступления Как вы наверняка...

Подробнее
.NET / Ссылка Fizzler: A CSS Selector Engine for C#

Библиотека, которая позволяет в C# парсить строки с html, используя CSS-селекторы: SelectorEngine engine = new...

Подробнее
Каскадные Таблицы Стилей / Базовый css-шаблон

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

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями