Вопросы по теме 'pseudo-class'

Псевдоклассы CSS с jQuery
Я только что немного изучил jQuery и пытаюсь использовать его для простого эффекта изменения цвета. Допустим, у меня есть два <div >, #foo и #bar. #foo имеет много URL-адресов и имеет следующий определенный CSS: #foo a {color: blue;...
30900 просмотров
schedule 31.03.2023

Почему это объявление CSS :not() не фильтруется?
Я хочу выбрать спаны, которые не являются потомками определенного класса, назовем это «нет». Вот мой CSS: div:not(.no) span{background-color:#00f;} Вот HTML <div> <span>yes 1</span> </div> <div...
2497 просмотров
schedule 08.12.2022

CSS3: непроверенный псевдокласс
Я знаю, что существует официальный псевдокласс CSS3 :checked , но существует ли псевдокласс :unchecked и имеют ли они одинаковую поддержку браузеров? ссылка на Sitepoint не упоминает об этом, однако этот что делает спецификация (что бы это ни...
142671 просмотров
schedule 20.03.2023

В чем разница между html[lang=en] и html:lang(en) в CSS?
Псевдокласс языка CSS, позволяющий указать разные стили для разных языков, например: html:lang(en) .foo { ... } Однако это не работает в IE7, поэтому я использовал селектор атрибутов: html[lang="en"] .foo { ... } Кажется, они делают...
20542 просмотров
schedule 29.06.2022

Может ли псевдокласс CSS иметь пространство имен?
При использовании пространств имен в CSS вы можете выбрать, например, любой элемент div в «любом пространстве имен или без него», используя селектор типа пространства имен: *|div Допустимо ли CSS для пространства имен псевдокласса?...
298 просмотров

:активный псевдокласс не работает в Chrome на Android
Псевдокласс :active отлично работает в мобильном Safari и стандартном браузере Android, но не работает в Chrome на Android. (Проверено на Nexus 4 Chrome, iPhone 4S Safari, браузере Galaxy SII.) Есть идеи, почему?
1454 просмотров
schedule 13.06.2023

Вычисление специфичности селектора CSS для псевдокласса :not()
Я уже знаю, как рассчитать специфичность селектора для CSS (упомянутые в спецификациях a/b/c/d). Однако мне трудно понять, как вычислить его для псевдокласса :not() . См. следующий пример: input:not([type="text"],[type="password"],.someClass)...
1021 просмотров

Почему якорные псевдоклассы a:link, :visited, :hover, :active должны быть в правильном порядке?
Согласно W3 Schools , порядок объявления псевдоклассов в якорном элементе жизненно важен. . Почему это? Есть ли другие?
10863 просмотров
schedule 19.11.2022

CSS — группировка селекторов и псевдоклассов
У меня есть куча селекторов, которые я хочу сгруппировать, что легко сделать следующим образом: .class1 #id1, .class2 #id2, .class3 #id3 { } И я также хочу применить к ним псевдоклассы. Но есть ли способ сгруппировать несколько селекторов...
1613 просмотров

Как повернуть: перед псевдоэлементом, когда родитель наведен
Я добавил значки шрифтов в список следующим образом: a:before { font-family: FontAwesome; content: "\f015"; .. etc.. } Когда родительский тег привязки зависает, я хочу, чтобы это :before псевдо было повернуто. Я пробовал это, но...
10628 просмотров
schedule 11.09.2023

ADF не переходит в CSS: состояние проверено
Я новичок в ADF, и сейчас у меня проблема с настройкой флажков и переключателей ADF с помощью CSS. Вот демо: `http://jsfiddle.net/sbef2so3/16/` В jsfiddle все работает нормально, но в ADF состояние не меняется на :checked. Может быть, есть...
1176 просмотров

Полифил псевдокласса CSS4 Grid-Structural (:nth-column)
У меня есть макет сетки CSS, где я хотел бы добавить поле для каждого четного столбца. Псевдокласс :nth-column был бы хорош, но в ближайшее время он не будет поддерживаться. Есть ли полифиллы, которые я мог бы использовать, или мне нужно...
99 просмотров

Допустимо ли CSS для включения элемента после псевдокласса в селекторе?
Я пытался создать эффект, когда я hover над элементом списка, а не над тегом привязки. Например, делая это: #wrapper ul.menu li:hover { color: #ff0000; } Это не изменит мой цвет, потому что у меня есть стиль тега привязки, вложенный...
44 просмотров
schedule 06.06.2024

Добавить псевдокласс в nth-child с помощью CSS
Я хочу использовать наведение, чтобы нижняя граница нечетных элементов div отличалась от цвета #75dcff . Однако .card:hover div:nth-child(odd) не работает. Могу ли я применить псевдоклассы к элементам nth-child? .card { margin:...
392 просмотров
schedule 01.04.2024

Отключить «паразитное» поведение ссылок в меню навигации
У меня есть сайт Worpress с установленной темой JetOne . Когда я щелкаю элемент корневого меню в главном меню навигации, чтобы открыть его элементы (ссылки в этом корневом элементе), также срабатывает действие щелчка для выбранной ссылки (корневой...
60 просмотров
schedule 14.02.2024