How to combine nth-child() rules into one?

I currently have this long rule

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

is it possible to combine the nth-child to something shorter like nth-child(3,4,5) instead of 3 separate lines?

This should do the trick:

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

Not directly based on your code, but this should give you an idea.

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

a:nth-child(4),+:nth-child(5){color:red}

Related