样式化多个项目CSS一个标记

Question

我有一个包含大量项目的表格，比如说20.每一行都有特定的背景颜色，单元格中的项目也是如此。

我使用以下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;
}

我的问题是，是否有一种更简洁的方式来结束相同的造型？特别是没有重复

#item_list tr:nth-child(even)

是不是？

Answer 1

不使用CSS。

如果您使用SASS或LESS等预处理器，那么您可以获得如下语法：

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

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