css - 类的通用 CSS 规则和 ID 的特定规则？

Question

我有一个名为 containner 的类，它有很多对许多 div 通用的规则，但我也想获得这些 div 的一些具体细节。我想知道我是否可以做这样的事情:

.containner {
   common rules
}

.containner, #somedivid {
   specific to some div rule
}

干杯

Answer 1

要选择容器内的元素，请执行此操作

.containner #somedivid{}

逗号只会单独设置两个元素的样式，我发布的 CSS 可用于非常具体的选择器，使用它本身以及它有多少个父元素。

.containner, #somedivid{color: red;}

与

相同

.containner{color: red;}
#somedivid{color: red;}

如果您希望 .containner 中的所有 div 都是 100x100px 但一红一蓝，您可以这样做:

.containner *{border: 1px solid black;} /* Makes ALL elements inside .containner have a black border */
.containner div{width: 100px; height: 100px;} /* Makes all DIVS inside .containner 100x100px */
.containner div#somedivid{background-color: red;} /* Specific rules with a higher priority selector */
.containner #somedivid{background-color: blue;} /* Specific rules with a lower priority selector */