Come combinare le regole nth-child() in una?

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

è possibile combinare all'ennesimo-bambino a qualcosa di più breve come nth-child(3,4,5) invece di 3 linee separate?

2013-03-05 skyisred

Questo dovrebbe fare il trucco:

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

2013-03-05 20:59:14

Questo funziona, grazie mille! Puoi spiegare l'ultima parte per favore, non sono sicuro di come funziona – skyisred

@skyisred Potresti voler giocare un po 'con questo http://lea.verou.me/demos/nth.html – Ana

-3

Non che io sappia che ho paura. Se stai cercando meno codice per renderlo più gestibile, puoi provare qualcosa come SASS.

2013-03-05 20:57:35

Non direttamente basato sul codice, ma questo dovrebbe darvi un'idea.

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

2013-03-05 20:58:34 Ares

Si può provare

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

che selezionerà tutti, ma il primo 2.

2013-03-05 20:58:34

risposta