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

Как написать :hoverи :visitedусловие дляa:before ? Я пытаюсь, a:before:hoverно это не работает

347 css  css-selectors  pseudo-element  pseudo-class 

В чем разница между :focusи :activeпсевдо-классами?

275 css  css-selectors  pseudo-class 

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

138 css  css-selectors  pseudo-class 

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

134 css  css-selectors  pseudo-element  pseudo-class 

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

131 html  css  css-selectors  pseudo-class  inline-styles 

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

125 javascript  css  pseudo-class  css-in-js 

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

109 iphone  css  webkit  mobile-safari  pseudo-class 

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

108 css  css-selectors  pseudo-class 

Как сделать отступ, начиная со второй строки абзаца? я пробовал p { text-indent: 200px; } p:first-line { text-indent: 0; } и p { margin-left: 200px; } p:first-line { margin-left: 0; } и (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

103 html  css  text  pseudo-class  indentation 

Такие вещи, как a:linkили div::after... Информация о разнице кажется скудной.

95 css  css-selectors  pseudo-class  pseudo-element 

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

94 ipad  mobile-safari  iphone  pseudo-class 

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

87 css  css-selectors  pseudo-class 

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

86 html  css  css-selectors  pseudo-class