Preguntas con la etiqueta [css-selectors]
¿Cómo puedo seleccionar el último elemento con 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; }
¿Qué hace un asterisco (*) en un selector de CSS?
Encontré este código CSS y lo ejecuté para ver qué hace y describió CADA elemento de la página. ¿ Alguien puede explicar qué hace el asterisco *en CSS? <style> *
¿Selector de CSS para "foo que contiene barra"? [duplicar]
¿Hay alguna manera de crear un selector de CSS que coincida con lo siguiente? All OBJECT elements which have a PARAM element inside of them el seleccionador OBJECT PARAM no
Selector CSS '>'; ¿qué es? [duplicar]
He visto el "mayor que" ( >) usado en el código CSS varias veces, pero no puedo entender qué hace. ¿Qué hace?
¿Puedo tener un elemento con un ID que comience con un número?
¿Puedo tener un elemento que tenga un idque comience con o sea completamente números? Por ejemplo, algo como esto: <div id="12"></div>
Sass Nesting para: hover no funciona [duplicado]
He escrito este código, pero no funciona. ¿Cuál es mi problema? .class { margin:20px; :hover { color:yellow; } }
enésimo de tipo vs enésimo hijo
Estoy un poco confundido acerca de la nth-of-typepseudoclase y cómo se supone que funciona, especialmente en comparación con la nth-childclase. Tal vez tenga una idea equivocada, pero dada esta estructura
Pseudoclase de negación CSS: not() para elementos padre/ancestro
Esto me está volviendo loco: HTML: <div><h1>Hello World!</h1></div> CSS: *:not(div) h1 { color: #900; } ¿No dice esto: "Seleccione todos h1los elementos que tengan un antepasado que no sea un
¿Existe un selector de CSS por prefijo de clase?
Quiero aplicar una regla CSS a cualquier elemento cuya clase coincida con el prefijo especificado. Por ejemplo, quiero una regla que se aplique a un div que tenga una clase
::la primera letra no cuenta `@` y aplica css en 2 letras
mientras juega ::primera letra cuando la cadena comienza con @entonces colorea 2 letras. footer { color: mediumseagreen; font-size: 2rem; font-style: italic; } footer::first-letter { color: purple; } <footer>@xyz</footer> <footer>xyz</footer> Ejecutar
¿Cuál es la diferencia entre :focus y :active?
¿ Cuál es la diferencia entre las pseudoclases :focusy las ?:active
Comprender la prioridad/especificidad del selector CSS
Me gustaría entender cómo funcionan los selectores de CSS con las colisiones de propiedades. ¿Cómo se selecciona una propiedad sobre otra? div { background-color: red; } div.my_class { background-color: black;
comodín * en CSS para clases
Tengo estos divs con los que estoy diseñando .tocolor, pero también necesito el identificador único 1,2,3,4, etc., así que lo agregaré como otra clase tocolor-1. <div class="tocolor tocolor-1"> tocolor 1
¿Cómo se calculan los puntos en la especificidad de CSS?
Al investigar la especificidad, me topé con este blog: http://www.htmldog.com/guides/cssadvanced/specificity/ Afirma que la especificidad es un sistema de puntuación para CSS. Nos dice que los elementos valen 1 punto, las
¿Existe un selector de CSS para nodos de texto?
Lo que me gustaría hacer (obviamente no en IE) es: p:not(.list):last-child + :text { margin-bottom: 10px; } Lo que le daría un margen a un nodo de texto. (¿Es eso