Используем псевдокласс :not() на примере задачи «Выделение активной строки таблицы на чистом CSS»
Несколько дней назад мой друг попросил помочь с решением задачи, которая была на его собеседовании. Интервьюер дал ему следующий фрагмент кода:
tbody:hover tr { opacity: 0.24;}
Также добавил: “Сейчас, при наведении на таблицу, все строки становятся блеклыми. А требуется сделать так, чтобы строка, на которую навели, оставалась активной”.
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
Ищем поддержку hover на css
Доброго времени суток, дорогие хабрахабровцы! При создании адаптивной версии сайта, часто бывают ситуации, когда надо знать: поддерживает ли браузер пользователя hover, или нет. К примеру, выпадающее... читать далее
Canvas & SVG: работаем с графикой
В HTML5 представлено два элемента для работы с web графикой: Canvas и SVG. Две эти технологии достаточно сильно отличаются друг от друга. Важно знать об их преимуществах и недостатках, чтобы выбрать... читать далее
[Из песочницы] Фиксированый стиль таблицы или Fixed Table Layouts
Сей опус это вольный перевод публикации Криса Койлера [Chris Coyier] от 2 Июля. В качестве вступления Как вы наверняка знаете, CSS свойство table-layout предназначено для управления режимом... читать далее
Каскадные Таблицы Стилей / Базовый css-шаблон
Вечером знакомый попросил быстро сделать ему основу для его блога. Даже не сверстать макет, а сделать именно основу. Так как я сижу без работы и становится скучно, решил безвозмездно посодействовать.... читать далее
.NET / Ссылка Fizzler: A CSS Selector Engine for C#
Библиотека, которая позволяет в C# парсить строки с html, используя CSS-селекторы: SelectorEngine engine = new SelectorEngine(htmlString); IList nodes = engine.Parse("#p>a"); Источник:... читать далее
Каскадные Таблицы Стилей / самый простой: hover в ie
Всем давно известно, что hover в ie6 не работает ни для чего, кроме a: hover. Чтобы уйти от этого ограничения, используют или ie expression'ы, или js, или файл csshover.htc (по сути — примерно... читать далее
Прокомментировать
Облако тегов
API CSS dle habrahabr.ru HTML JavaScript ReactJS seo SEO на Хабрахабре trademod Веб-дизайн Интернет-маркетинг Информационная безопасность Поисковая оптимизация Поисковые технологии Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре Учебный процесс в IT Я пиарюсь автомобильный сайт блог верстка дизайн интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка сайтов редизайн сайт-визитка скрипты снег на сайте советы уроки хаки шаблон
Реклама на сайте