Articles of selectores

Selector universal * y pseudo elementos

¿El selector universal * afecta a pseudo elementos como :before y :after ? Dejame usar un ejemplo: Al hacer esto: * { box-sizing: border-box; } … ¿la statement anterior no incluye / afecta automáticamente a los pseudo elementos como :before y :after también? O bien, para afectar a los pseudo elementos como :before y :after […]

¿Qué significa el punto en CSS?

¿Alguien puede explicar la diferencia para estos dos selectores de CSS? .work-container . h3 { font-size: 14px; margin-top: 0px; font-weight: 600; height: 27px; } ¿Cuál es el punto extra en la definición superior? .work-container h3 { font-size: 14px; margin-top: 0px; font-weight: 600; height: 27px; }

Selector de CSS – elemento con un niño dado

Estoy buscando hacer un selector que seleccionará todos los elementos si tienen un elemento hijo específico. Por ejemplo, seleccione todo con un niño . ¿Posible?

Diferencia entre los selectores div + p (plus) y div ~ p (tilde)

La forma en que w3schools lo expresa , suenan igual. Referencia de CSS de W3Schools div + p Selecciona todos los elementos que se colocan inmediatamente después de los elementos div ~ p Selecciona cada elemento que está precedido por un elemento Si un elemento está inmediatamente después de un elemento , ¿no significa eso […]

¿Puede orientar un elemento con CSS solo si hay 2 clases presentes?

Como probablemente ya sepa, puede tener múltiples clases en elementos separados por un espacio. Ejemplo Y con CSS, puede orientar ese div con .content o .main . ¿Hay alguna manera de apuntarlo si y solo si ambas clases están presentes? Ejemplo I want this div I don’t care about this one I don’t want this […]

Seleccione nth-child en varios padres

Tengo el siguiente marcado: one two three four Deseo diseñar “uno” y “tres”. Sin embargo, el marcado también podría ser: one two three four He intentado usar el siguiente CSS: .foo li:nth-child(1), .foo li:nth-child(3) { color:red; } Sin embargo, como se esperaba, esto es diseñar el primer hijo de cada ul . (Demostración: http://jsfiddle.net/hTfVu/ ) […]

Selector de CSS que incluye pseudo clase first-child y dropcap

Necesito formatear HTML similar a la siguiente. Básicamente, una cita es opcional , y necesito dejar caer la primera letra del párrafo del cuerpo. Genius begins great works; labor alone finishes them.– Joseph Joubert Life is like a box of chocolates. … … Mi CSS se ve así: article > p:first-child:first-letter { float: left; font-family: […]

¿Por qué usar un selector de atributos para unir clases?

He encontrado un ejemplo de plantillas de correo electrónico receptivas donde hay selectores de CSS como los siguientes: a[class=”btn”] ¿Por qué se usa esta syntax si es totalmente igual a: a.btn ¿Tiene algún impacto en los navegadores móviles o cualquier otra cosa?

Selector de CSS para obtener el elemento más profundo de la clase específica en el árbol HTML

Tengo un montón de elementos DIV en mi HTML, varios de los cuales tienen su atributo de clase establecido en “rowsLayout”. Algunas de estas filasLayout DIV pueden anidarse una dentro de la otra. Quiero definir un selector de CSS que solo se dirija a los DIV más profundos en esos anidamientos. Es decir, no quiero […]

¿Cómo obtengo el enésimo hijo de un elemento usando los selectores de CSS2?

¿Hay alguna posibilidad de obtener el enésimo elemento de una lista ordenada en CSS2? (similar a :nth-child() en CSS3) FYI: Estoy tratando de progtwigr la versión alemana de Parcheesi para que sea compatible con XHTML 1.1 y CSS2 y trate de generar el campo de juego usando listas ordenadas, por lo que las opciones de […]