Articles of css selectores

¿Cómo selecciono el “último hijo” con un nombre de clase específico en CSS?

test1 test2 test3 test4 ¿Cómo selecciono el “último hijo” con el nombre de clase: lista ? ul li.list:last-child{background-color:#000;} Sé que el ejemplo anterior no funciona, pero ¿hay algo similar que funcione? IMPORTANTE: a) No puedo usar ul li:nth-child(3) , porque podría suceder que esté en el cuarto o quinto lugar también. b) Sin JavaScript. ¡Cualquier […]

¿Cómo usar el ID de elemento HTML generado JSF con dos puntos “:” en los selectores de CSS?

He estado trabajando con un proyecto simple de Java EE usando JSF. Traté de establecer CSS a través de #phoneTable { … } , sin embargo, no funciona. Tras la inspección de la fuente HTML en el lado del cliente, parece que la tabla HTML generada por JSF obtiene una ID de cliente en forma […]

Envuelve cada 3 divs en un div

¿Es posible usar selectores nth-child para envolver 3 divs usando .wrapAll ? Parece que no puedo calcular la ecuación correcta. asi que… se convierte …

css3 nth de tipo restringido a la clase

¿Hay alguna forma de limitar el nth-of-type css3 a una clase? Tengo una cantidad dinámica de elementos de section con diferentes clases que designan sus necesidades de diseño. Me gustaría obtener cada 3er .module , pero parece que nth-of-type busca el tipo de elemento de clases y luego calcula el tipo. En cambio, me gustaría […]

Selector de CSS3: primero en su tipo con nombre de clase?

¿Es posible usar el selector CSS3 :first-of-type para seleccionar el primer elemento con un nombre de clase dado? No he tenido éxito con mi examen, así que estoy pensando que no? El Código ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} This text should appear as normal This text should be blue. This text […]

Seleccione cada N-ésimo elemento en CSS

¿Es posible seleccionar, por ejemplo, cada cuarto elemento de un conjunto de elementos? Ejemplo: tengo 16 elementos … podría escribir algo como. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) ¿Hay una mejor manera de hacer esto?

¿Cómo puedo seleccionar un elemento con múltiples clases en jQuery?

Quiero seleccionar todos los elementos que tienen las dos clases a y b . Entonces, solo los elementos que tienen ambas clases. Cuando uso $(“.a, .b”) me da la unión, pero quiero la intersección.

Puntos en la especificidad de CSS

Investigar la especificidad Me topé con este blog – http://www.htmldog.com/guides/cssadvanced/specificity/ Establece que la especificidad es un sistema de puntaje para CSS. Nos dice que los elementos valen 1 punto, las clases valen 10 puntos y los ID valen 100 puntos. También dice que estos puntos se sumn y la cantidad total es la especificidad de […]

¿Por qué mi selector jQuery: not () no funciona en CSS?

Tengo este diseño: Sectors Con estas reglas de CSS: #sectors { width: 584px; background-color: #ffd; margin: 1.5em; border: 4px dashed #000; padding: 16px; overflow: auto; } #sectors > h1 { font-size: 2em; font-weight: bold; text-align: center; } #sectors > div { float: left; position: relative; width: 180px; height: 240px; margin: 16px 0 0 16px; border-style: […]

¿Qué significa el selector de “~” (tilde / squiggle / twiddle) CSS?

Buscar el ~ personaje no es fácil. Estaba revisando algunos CSS y encontré esto .check:checked ~ .content { } Qué significa eso?