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.

2
Seleccione todos los elementos secundarios recursivamente en CSS
¿Cómo puede seleccionar todos los elementos secundarios de forma recursiva? div.dropdown, div.dropdown > * { color: red; } Esta clase solo arroja una clase en el className definido y todos los elementos secundarios inmediatos. ¿Cómo puede, de una manera simple, elegir todos los ChildNodes como este: div.dropdown, div.dropdown > *, …
407 css  css-selectors 
8
CSS: no (: último hijo): después del selector
Tengo una lista de elementos, que tienen el siguiente estilo: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Salidas en One | Two | Three | Four | …
3
Seleccionar elemento basado en múltiples clases
Tengo una regla de estilo que quiero aplicar a una etiqueta cuando tiene dos clases. ¿Hay alguna forma de realizar esto sin JavaScript? En otras palabras: <li class='left ui-class-selector'> Quiero aplicar mi regla de estilo solo si se lihan aplicado las dos .lefty las .ui-class-selectorclases.
360 css  css-selectors 
10
jQuery primer hijo de "esto"
Estoy tratando de pasar "esto" de un intervalo de clics a una función jQuery que luego puede ejecutar jQuery en el primer elemento secundario de ese elemento cliqueado. Parece que no puedo hacerlo bien ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } ¿Cómo hago referencia al elemento: first-child …
6
¿Hay un selector CSS solo para el primer hijo directo?
Tengo el siguiente html <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> Y el siguiente estilo: DIV.section DIV:first-child { ... } Por alguna razón que no entiendo, el estilo se está aplicando al "sub contenido 1" <div> , así como al "encabezado" <div> . Pensé …
315 html  css  css-selectors 
7
¿Puede CSS detectar la cantidad de hijos que tiene un elemento?
Probablemente estoy respondiendo mi propia pregunta, pero tengo mucha curiosidad. Sé que CSS puede seleccionar hijos individuales de un padre, pero ¿hay soporte para diseñar los hijos de un contenedor, si su padre tiene una cierta cantidad de hijos? por ejemplo container:children(8) { // style the parent this way if …
304 css  css-selectors 
7
Selectores CSS Child vs Descendant
Estoy un poco confundido entre estos 2 selectores. ¿El selector descendiente : div p seleccionar todo pdentro de divsi es o no un descendiente inmediato? Entonces, si pestá dentro de otro div, ¿todavía estará seleccionado? Entonces el selector de niños : div > p ¿Cual es la diferencia? ¿Un niño …
298 css  css-selectors 
5
Especificar múltiples selectores de atributos en CSS
¿Cuál es la sintaxis para hacer algo como: input[name="Sex" AND value="M"] Básicamente, quiero seleccionar el inputelemento que tiene el atributo name="Sex", así como el atributo value="M": <input type="radio" name="Sex" value="M" /> No se deben seleccionar elementos como los siguientes : <input type="radio" name="Sex" value="F" />
9
¿Cómo puedo diseñar elementos pares e impares?
¿Es posible usar pseudo-clases CSS para seleccionar instancias pares e impares de elementos de la lista? Esperaría que lo siguiente produzca una lista de colores alternos, pero en cambio obtengo una lista de elementos azules: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red …
281 html  css  css-selectors 
4
¿Cómo puedo aplicar estilos a varias clases a la vez?
Quiero que dos clases con nombres diferentes tengan la misma propiedad en CSS. No quiero repetir el código. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Como ambas clases están haciendo lo mismo, debería poder fusionarlo en uno. ¿Cómo puedo …
277 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.