Preguntas etiquetadas con css-selectors

Los selectores son patrones que coinciden con elementos en un árbol de documentos. En una regla CSS, se usan para definir estilos para elementos que coinciden con el patrón.

6
¿Hay un selector de CSS no igual?
¿Hay algo como! = (No igual) en CSS? por ejemplo, tengo el siguiente código: input { ... ... } pero para algunas entradas necesito anular esto. Me gustaría hacer eso agregando la clase "reset" a la etiqueta de entrada, por ejemplo <input class="reset" ... /> y luego simplemente omita esta …
116 html  css  css-selectors 



4
¿Qué es el selector de mouse hacia abajo en CSS?
He notado que los botones y otros elementos tienen un estilo predeterminado y se comportan en 3 pasos: vista normal, vista de desplazamiento / enfoque y vista de mouse / clic, en CSS puedo cambiar el estilo de la vista normal y la vista de desplazamiento de esta manera: button{ …
114 html  css  css-selectors 

5
Seleccione el primer elemento que aparece después de otro elemento
Tengo el siguiente código HTML en una página: <h4>Some text</h4> <p> Some more text! </p> En mi .csstengo el siguiente selector para diseñar el h4elemento. El código HTML anterior es solo una pequeña parte de todo el código; hay varios divs más envueltos en pertenecer a un shadowbox: #sb-wrapper #sb-wrapper-inner …
113 html  css  css-selectors 

8
CSS "y" y "o"
Tengo un gran problema, porque necesito anatematizar el estilo de algunos tipos de entrada. Tenía algo como: .registration_form_right input:not([type="radio") { //Nah. } Pero no quiero diseñar casillas de verificación también. He intentado: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) ¿Cómo se usa &&? Y …

5
Selector de niño inmediato en MENOS
¿Hay alguna forma de que LESS aplique el selector secundario inmediato (>) en su salida? En mi estilo. Sin, quiero escribir algo como: .panel { ... > .control { ... } } y haz que MENOS genere algo como: .panel > .control { ... }
112 css  css-selectors  less 



6
¿Debo usar la notación de dos puntos simples o dobles para los pseudoelementos?
Dado que IE7 e IE8 no admiten la notación de dos puntos para pseudoelementos (por ejemplo, ::aftero ::first-letter), y dado que los navegadores modernos admiten la notación de dos puntos (por ejemplo :after) para compatibilidad con versiones anteriores, ¿debería usar únicamente la notación de dos puntos y cuándo La cuota …

4
CSS3: pseudoclase sin marcar
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 …

11
Usando el selector de último hijo
Mi objetivo es aplicar CSS en el último li, pero no hace eso. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento ¿Cómo puedo seleccionar solo al último hijo?
106 css  css-selectors 

4
Selector de CSS para <tipo de entrada = "?"
¿Hay alguna forma con CSS para apuntar a todas las entradas según su tipo? Tengo una clase deshabilitada que uso en varios elementos de formulario deshabilitados y estoy configurando el color de fondo para los cuadros de texto, pero no quiero que mis casillas de verificación obtengan ese color. Sé …

2
Selector de CSS para otro que no sea el primer hijo y el último hijo
Estoy haciendo un sitio web muy avanzado. Mi pregunta: ¿Es posible seleccionar todos los demás hijos excepto el :first-childy el :last-child? Sé que hay un :not()selector, pero no funciona con más de uno que no esté entre paréntesis. Esto es lo que tengo: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); …
105 html  css  css-selectors 


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.