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.



4
Seleccione cada enésimo elemento en CSS
¿Es posible seleccionar, digamos, cada cuarto elemento en un conjunto de elementos? Ej: tengo 16 <div>elementos ... podría escribir algo así. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) ¿Hay una mejor manera de hacer esto?
242 css  css-selectors 

8
Aplicar estilo CSS a elementos secundarios
Quiero aplicar estilos solo a la tabla dentro del DIV con una clase particular: Nota: Prefiero usar un selector css para elementos secundarios. ¿Por qué funciona el # 1 y el # 2 no? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption …
232 css  css-selectors 

9
Selector CSS3: ¿el primero de tipo con nombre de clase?
¿Es posible usar el selector CSS3 :first-of-typepara seleccionar el primer elemento con un nombre de clase dado? No he tenido éxito con mi prueba, así que creo 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} <div> <div>This text should appear as normal</div> <p>This text should …
230 css  css-selectors 


9
¿Cómo combinar clase e ID en el selector CSS?
Si tengo el siguiente div: <div class="sectionA" id="content"> Lorem Ipsum... </div> ¿Hay alguna manera de definir un estilo que exprese la idea "A div with id='content'AND class='myClass'"? ¿O simplemente tienes que ir de una manera u otra como en <div class="content-sectionA"> Lorem Ipsum... </div> O <div id="content-sectionA"> Lorem Ipsum... </div>
221 css  css-selectors 



5
¿Cuál es la sintaxis para el selector en CSS para el siguiente elemento?
Si tengo una etiqueta de encabezado <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } y después de eso tengo un párrafo <p>stuff here</p>. ¿Cómo puedo asegurarme de usar CSS que cada <p>etiqueta que sigue h1.hc-reforma usar:clear:both; sera eso: h1.hc-reform > p{ clear:both; } por alguna razón eso no …




9
¿Puedo aplicar un estilo CSS al nombre de un elemento?
Actualmente estoy trabajando en un proyecto donde no tengo control sobre el HTML al que estoy aplicando estilos CSS. Y el HTML no está muy bien etiquetado, en el sentido de que no hay suficientes declaraciones de id y clase para diferenciar entre elementos. Por lo tanto, estoy buscando formas …
176 html  css  css-selectors 

6
Selector CSS de último hijo: seleccione el último elemento de una clase específica, ¿no el último hijo dentro del padre?
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Quiero seleccionar #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Eso no funciona siempre que tenga otro div.somethingcomo el último hijo real en la lista …
176 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.