Вопросы с тегом «pseudo-class»

Псевдоклассы CSS позволяют более точно выбирать элементы в документе на основе статуса элемента, местоположения в древовидной структуре DOM, действий пользователя или других факторов.

138
Псевдоклассы CSS input: not (отключено) not: [type = «submit»]: focus

Я хочу применить некоторые css для элементов ввода, и я хочу сделать это только для входов, которые не отключены и не являются типом отправки, ниже css не работает, возможно, если кто-нибудь объяснит мне, как это нужно добавить. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0...

134
: после vs. :: после

Есть ли какая-либо функциональная разница между псевдоселекторами CSS 2.1 :afterи CSS 3 ::after(кроме того, что они ::afterне поддерживаются в старых браузерах)? Есть ли практическая причина использовать новую...

131
CSS Псевдоклассы со встроенными стилями

На этот вопрос есть ответы на Stack Overflow на русском : Как прописать: парить внутри стиль =»«? Можно ли использовать псевдоклассы с использованием встроенных стилей? Пример: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Я знаю, что приведенный выше...

125
Установка правил псевдокласса CSS из JavaScript

Я ищу способ изменить правила CSS для селекторов псевдоклассов (таких как: link,: hover и т. Д.) Из JavaScript. Итак, аналог кода CSS: a:hover { color: red }в JS. Я не мог найти ответа больше нигде; если кто-то знает, что это то, что браузеры не поддерживают, это тоже будет полезным...

109
: активный псевдокласс не работает в мобильном сафари

В Webkit на iPhone / iPad / iPod указание стиля для псевдокласса: active для <a>тега не срабатывает при нажатии на элемент. Как я могу заставить это сработать? Пример кода: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click...

108
CSS3: непроверенный псевдокласс

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

94
Можно ли принудительно игнорировать псевдокласс: hover для пользователей iPhone / iPad?

У меня есть несколько меню css на моем сайте, которые расширяются с помощью :hover(без js) Это работает частично на iDevices, например, касание активирует :hoverправило и расширяет меню, но затем касание в другом месте не удаляет :hover. Также, если есть ссылка внутри элемента, который является...

87
Есть ли псевдокласс CSS, противоположный: hover?

Есть ли в CSS псевдокласс для указания :not(:hover) Или это единственный способ указать элемент, который не зависает? Я просмотрел несколько ссылок на CSS3 и не нашел упоминания о псевдоклассе CSS, который бы указывал противоположность: hover....

86
CSS: псевдокласс selected аналогично: checked, но для элементов <select>

Есть ли способ стилизовать текущий выбранный <option>элемент в <select>элементе? Затем я мог бы задать цвет фона для текущего выбранного элемента опции? Таким образом я могу стилизовать вариант, который в настоящее время отображается в закрытом раскрывающемся списке....