样式化多个CSS一个标签的样式

Question

I have a table with a bunch of items, say 20. Every other row has a specific background color and the items in the cell do as well.

I achieve this with the following piece of CSS:

#item_list tr:nth-child(even), 
#item_list tr:nth-child(even) input[type="text"], 
#item_list tr:nth-child(even) input[type="number"] {
    background-color: #d4d4d4;
}

My question is whether there is a neater way to end up with the same styling? Specifically without the repetition of

#item_list tr:nth-child(even)

or not?

Answer 1

Not using CSS.

If you use a pre-processor such as SASS or LESS then you could get syntax like:

#item_list tr:nth-child(even) {
    background-color: #d4d4d4;

    input[type="text"],   
    input[type="number"] {
        background-color: #d4d4d4;
    }
}