Preguntas etiquetadas con pseudo-class

¿Cómo escribir :hovery :visitedcondicionar a:before? Lo intento a:before:hoverpero no funciona

347 css  css-selectors  pseudo-element  pseudo-class 

¿Cuál es la diferencia entre las :focusy :activepseudo-clases?

275 css  css-selectors  pseudo-class 

Quiero aplicar algunos css para los elementos de entrada y quiero hacerlo solo para las entradas que no están deshabilitadas y no envían el tipo, debajo de css no funciona, tal vez si alguien puede explicarme cómo se debe agregar esto. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px …

138 css  css-selectors  pseudo-class 

¿Hay alguna diferencia funcional entre el CSS 2.1 :aftery los ::afterpseudo-selectores CSS 3 (aparte de que ::afterno es compatible con navegadores antiguos)? ¿Hay alguna razón práctica para usar la nueva especificación?

133 css  css-selectors  pseudo-element  pseudo-class 

На этот вопрос есть ответы en Stack Overflow на русском : Как прописать: hover внутри style = ''? ¿Es posible tener pseudo-clases usando estilos en línea? Ejemplo: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Sé que el HTML anterior no funcionará, pero ¿hay algo similar que lo haga? PD: Sé que debería usar una …

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

Estoy buscando una manera de cambiar las reglas de CSS para los selectores de pseudo-clase (como: link,: hover, etc.) desde JavaScript. Entonces, un análogo del código CSS: a:hover { color: red }en JS. No pude encontrar la respuesta en ningún otro lado; Si alguien sabe que esto es algo que …

125 javascript  css  pseudo-class  css-in-js 

En Webkit en iPhone / iPad / iPod, especificar el estilo de una pseudoclase activa para una <a>etiqueta no se activa cuando toca el elemento. ¿Cómo puedo hacer que esto se active? Código de ejemplo: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

Sé que hay una pseudoclase CSS3 oficial :checked, pero ¿existe una :uncheckedpseudoclase y tienen el mismo soporte de navegador? La referencia de Sitepoint no menciona uno, sin embargo, esta especificación de whatwg (sea lo que sea) sí. Sé que el mismo resultado se puede lograr cuando los :checkedy :not()se combinan …

108 css  css-selectors  pseudo-class 

¿Cómo puedo aplicar sangría a partir de la segunda línea de un párrafo? He intentado p { text-indent: 200px; } p:first-line { text-indent: 0; } y p { margin-left: 200px; } p:first-line { margin-left: 0; } y (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

103 html  css  text  pseudo-class  indentation 

Tengo algunos menús css en mi sitio que se expanden con :hover(sin js) Esto funciona de forma semi-rota en iDevices, por ejemplo, un toque activará la :hoverregla y expandirá el menú, pero luego tocar en otro lugar no elimina el :hover. Además, si hay un enlace dentro del elemento que …

94 ipad  mobile-safari  iphone  pseudo-class 

Cosas como a:linko div::after... La información sobre la diferencia parece escasa.

94 css  css-selectors  pseudo-class  pseudo-element 

¿Hay alguna forma de aplicar estilo al <option>elemento seleccionado actualmente en un <select>elemento? Entonces, ¿podría dar un color de fondo al elemento de opción seleccionado actualmente? De esa manera, puedo diseñar la opción que se puede ver actualmente en el menú desplegable cerrado.

86 html  css  css-selectors  pseudo-class