div div p:nth-child(1 to 5)
Come posso selezionare più numeri con all'ennesimo-bambino, in modo da ottenere gli elementi figlio da 1 a 5, senza dover scrivere:Come selezionare più elementi figlio con css ": nth-child()"
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) {
}
Così dovrebbe assomigliare a questo:
div div p:nth-child(1 to 5)
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){
}
O
div div p:nth-child(-n+5){
}
Scusa la domanda sbagliata come posso fare questo a una sola riga? e non: – user3537202
@ user3537202: aggiornata la mia risposta – potashin
Grazie, funziona bene. Esattamente quello che volevo – user3537202
div div p:nth-child(-n+5){
}
Questo selezionerà i primi 5 bambini.
div div p:nth-child(n+1):nth-child(-n+5){
}
sarà selezionare gli elementi da 1 a 5
Ho allegato un link ad una JSFiddle che dovrebbe fare quello che chiedete, ma dovrebbe essere simile a questa:
li:nth-child(-n+5){
color: red;
}
U dimenticato "tre" – user3537202
Ma funziona bene: p – user3537202
Ha, grazie, è lì ora. – Hughes
È possibile utilizzare un pre-elaboratore CSS come SASS o LESS, ma verrà compilato solo con la stessa identica cosa che è stata scritta. Interessante domanda: perché avere questo su una linea è importante per te? Cosa vinci per averlo messo su una riga? – Adam