Class和Specific for ID的通用CSS規則？

Question

我有一個名爲包含器的類，它有很多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;} 

如果你想所有div內.containner是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 */