div div p:nth-child(1 to 5)
Wie kann ich wählen Sie mehrere Nummern mit dem n-ten-Kind, so dass ich die untergeordneten Elemente 1 bis 5 ohne schreiben zu müssen:Wie mehrere untergeordneten Elemente mit CSS, um ": 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) {
}
So sollte es so aussehen:
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){
}
Oder
div div p:nth-child(-n+5){
}
Sorry falsche Frage, wie kann ich dies zu nur einer Zeile machen? und nicht: – user3537202
@ user3537202: Meine Antwort aktualisiert – potashin
Danke, funktioniert gut. Genau das, was ich wollte – user3537202
div div p:nth-child(-n+5){
}
Dies wird die ersten fünf Kinder wählen.
div div p:nth-child(n+1):nth-child(-n+5){
}
werden Elemente auswählen 1 bis 5
ich einen Link zu einer JSFiddle angebracht haben, das tun sollten, was Sie fordern, aber es sollte in etwa so aussehen:
li:nth-child(-n+5){
color: red;
}
U vergessen "drei" – user3537202
Aber funktioniert gut: p – user3537202
Ha, danke, es ist da jetzt. – Hughes
Sie können einen CSS-Pre-Processor wie SASS oder LESS verwenden - aber es wird nur auf das gleiche kompiliert, was Sie geschrieben haben. Interessante Frage - warum ist Ihnen das auf einer Linie wichtig? Was gewinnst du, um es auf eine Linie zu setzen? – Adam