div div p:nth-child(1 to 5)
jaki sposób można wybrać kilka numerów z n-dziecko, więc mam elementy podrzędne 1 do 5 bez konieczności pisania:Jak wybrać wiele elementów podrzędnych z 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) {
}
Tak powinno to wyglądać tak:
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){
}
Albo
div div p:nth-child(-n+5){
}
Przepraszamy błędne pytanie, jak mogę to zrobić tylko w jednej linii? i nie: – user3537202
@ user3537202: Zaktualizowałem moją odpowiedź – potashin
Dzięki, działa dobrze. Dokładnie tego chciałem – user3537202
div div p:nth-child(-n+5){
}
Ten wybiorą pierwszych 5 dzieci.
div div p:nth-child(n+1):nth-child(-n+5){
}
wybiorą elementów 1 do 5
mam dołączony link do JSFiddle że należy zrobić, o co prosicie, ale powinno to wyglądać mniej więcej tak:
li:nth-child(-n+5){
color: red;
}
U zapomniałem "trzy" – user3537202
Ale działa dobrze: p – user3537202
Ha, dzięki, jest tam teraz. – Hughes
Możesz użyć pre-procesora CSS takiego jak SASS lub LESS - ale będzie on kompilował tylko z tą samą rzeczą, którą napisałeś. Interesujące pytanie - dlaczego posiadanie tego w jednej linii jest dla ciebie ważne? Co wygrywasz za umieszczenie go na jednej linii? – Adam