Запитання з тегом «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 на російському : Як записати: навести вказівник style = ''? Чи можливо мати псевдокласи, використовуючи стилі вбудованого? Приклад: <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,: наведення курсора тощо) з JavaScript. Отже, аналог коду CSS: a:hover { color: red }у JS. Я не міг знайти відповіді ніде; якщо хтось знає, що це те, що браузери не підтримують, це також буде корисним результатом.

125 javascript  css  pseudo-class  css-in-js 

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

109 iphone  css  webkit  mobile-safari  pseudo-class 

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

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 

На моєму сайті є декілька меню css, які розширюються за допомогою :hover (без js) Це працює напіврозбито на iDevices, наприклад, натискання активує :hoverправило та розширює меню, але натискання в іншому місці не видаляє :hover. Крім того, якщо в елементі є :hoverпосилання, вам потрібно двічі натиснути, щоб активувати посилання:hover , посилання …

94 ipad  mobile-safari  iphone  pseudo-class 

Такі речі, як a:link і div::after... Інформація про різницю здається мізерною.

94 css  css-selectors  pseudo-class  pseudo-element 

Чи є в CSS псевдо-клас для вказівки :not(:hover) Або це єдиний спосіб вказати предмет, на який не наводять курсор? Я пройшов кілька посилань CSS3, і я не бачу жодної згадки про псевдо-клас CSS, щоб вказати протилежність: hover.

87 css  css-selectors  pseudo-class 

Чи є спосіб стилізувати вибраний на даний момент <option>елемент в <select>елементі? Тоді я міг би надати колір тла поточно вибраному елементу опції? Таким чином я можу стилізувати варіант, який зараз можна переглянути у закритому випадаючому списку.

86 html  css  css-selectors  pseudo-class 

Як я можу вибрати певний елемент у списку елементів? У мене є таке: <div class="myclass">my text1</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <p> <span>Hello World</span> </p> <input …

79 css  css-selectors  pseudo-class 

У CSS можна стилізувати placeholderтекст усередині введення, використовуючи комбінацію специфічних для постачальника псевдо-класів та псевдоелементів (щоб отримати найкраще охоплення між браузерами). Всі вони мають однакові основні властивості (тобто: стиль тексту та декларації кольорів). Однак, хоча я неминуче хочу застосовувати однакові стилі незалежно від постачальника браузера, не представляється можливим об'єднати їх …

76 css  css-selectors  pseudo-element  pseudo-class