¿Cómo selecciono varias instancias anidadas de un elemento específico en CSS?
Quiero seleccionar sólo los primeros dos elementos anidados y establecer el ancho a 200px o algo así. ¿Cómo los seleccionaría usando combinadores en lugar de darles su propia clase?
He intentado usar nth-child(-n+2), pero como cada está anidado en un
<
div> diferente, creo que intenta seleccionar las primeras dos instancias de en cada
<
div> en lugar de las primeras dos instancias de dentro de
<
section>. Todavía estoy aprendiendo acerca de los combinadores, así que una explicación de la respuesta sería muy apreciada.
Mi código se parece a esto:
.section-container div {
background-color: skyblue;
}
.section-container div img {
width: 100px;
height: 100px;
background-color: red;
}
Soy la barra de navegación
subtítulo
1er div
2do div
3er div
4to div
davy.ai
El código anterior seleccionará los dos primeros elementos
dentro del elemento
y establecerá
width: 200px;
. El selectornth-child(-n+2)
seleccionará los dos primeros elementos dentro del elemento padre, independientemente del tipo de elemento.