CSS中的多类选择

Question

.upload header {...}

样式将应用于任何类型为'.upload'的元素的子标题。

是否可以这样做？

.upload header, form {...}

或者我是否必须为每个类型选择器指定类？

Answer 1

你不能这样做。选择器的逗号的作用如下：

div > nav,
p {
   display: block; 
}

与写作完全相同

div > nav { display: block; }
p { display: block; }

逗号用于重用规则，但每个选择器都是全局的，并且不使用相同的父级。

在您的情况下，如果您要使规则仅适用于form的子.upload元素，则必须执行此操作

.upload header, .upload form {...}

Answer 2

你可以用两个选择器做到这一点。首先使用*设置样式，然后重置相同的样式，如果您只想将它​​应用于第一个子元素。

.upload *:first-child {
    background: blue;
}

.upload *:first-child *:first-child {
    background: none;
}