Jak połączyć reguły nth-child() w jeden?

#content #wrapper table td:nth-child(3), 
#content #wrapper table td:nth-child(4), 
#content #wrapper table td:nth-child(5) { 
    width: 30px; 
}

możliwe jest łączenie nth-child coś krótszego jak nth-child(3,4,5) zamiast 3 oddzielnych liniach?

2013-03-05 skyisred

To powinno załatwić sprawę:

#content #wrapper table td:nth-child(n+3):nth-child(-n+5) { 
    width: 30px; 
}

2013-03-05 20:59:14

Ten działa, dziękuję bardzo! Czy możesz wyjaśnić ostatnią część, nie jestem pewien, jak to działa – skyisred

@skyisred Możesz chcieć zagrać trochę z tym http://lea.verou.me/demos/nth.html – Ana

-3

Nie to, że jestem świadomy, że się boję. Jeśli szukasz mniej kodu, aby było łatwiejsze w utrzymaniu, możesz wypróbować coś takiego jak SASS.

2013-03-05 20:57:35

Nie jest bezpośrednio oparty na kodzie, ale to powinno dać ci pewien pomysł.

ul li:nth-child(n+3):nth-child(-n+7){ }

2013-03-05 20:58:34 Ares

Można spróbować

#content #wrapper table td:nth-child(n+3)

które wybiorą wszyscy ale pierwszego 2.

2013-03-05 20:58:34

Odpowiedz