Используем псевдокласс :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 DLE13 habrahabr.ru HTML JavaScript ReactJS seo SEO на Хабрахабре trademod Блог компании PromoPult Блог компании RUVDS.com Блог компании Конференции Олега Бунина (Онтико) Веб-дизайн Интернет-маркетинг Поисковая оптимизация Поисковые технологии Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре Учебный процесс в IT автомобильный сайт блог верстка интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем плагин портфолио разработка сайтов редизайн сайт-визитка скрипты советы шаблон эвердайм
Реклама на сайте