Question

我有一个名为containsner的类，它有很多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 */

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

1 个答案: