html - 样式化多个元素 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;
    }
}