Digamos que tengo este css:
div div p:nth-child(1), div div p:nth-child(2), div div p:nth-child(3), div div p:nth-child(4), div div p:nth-child(5) { }Esto seleccionará los elementos nth-child del 1 al 5.
Y aquí hay atajos
div div p:nth-child(n+1):nth-child(-n+5){ }O
div div p:nth-child(-n+5){ }Mi pregunta es,
¿Cómo seleccionar no el primer elemento del 1 al 5, sino el segundo elemento del 2 al 5?
Básicamente, si tengo este HTML:
<div> <div> <p></p> <p></p> <p></p> </div> <div> <p></p> <p></p> <p></p> </div> <div> <p></p> <p></p> <p></p> </div> <div> <p></p> <p></p> <p></p> </div> <div> <p></p> <p></p> <p></p> </div> </div>Me gustaria que aplicara un css background-color: red, solo desde el segundo div > p, y esto hasta el 5to.
tal vez algo como esto funcionaría?
div div p:not(:first-child)encontrado en Style todo excepto el primer hijo
¿Es esto lo que estás buscando? ¿Dónde no se selecciona el primer conjunto pero sí el resto?
div div:not(:first-child) p { background-color: blue; }