Как совместить правила nth-child() в одном?

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

можно ли объединить п-е-ребенка к чему-то более коротким, как nth-child(3,4,5) вместо 3 отдельных линий?

2013-03-05 skyisred

Это должно сделать трюк:

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

2013-03-05 20:59:14

Это работает, большое спасибо! Можете ли вы объяснить последнюю часть, пожалуйста, я не уверен, как это работает – skyisred

@skyisred Возможно, вы захотите немного поиграть с этим http://lea.verou.me/demos/nth.html – Ana

-3

Не знаю, что я знаю, я боюсь. Если вы ищете меньше кода, чтобы сделать его более удобным для обслуживания, вы можете попробовать что-то вроде SASS.

2013-03-05 20:57:35

Непосредственно на основе вашего кода, но это должно дать вам представление.

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

2013-03-05 20:58:34 Ares

Вы можете попробовать

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

который отберет все, кроме первого 2.

2013-03-05 20:58:34

ответ