CSS中的名稱不僅可以包含字母、數字和下劃線,還可以含有多個點,這種命名方式被稱作“層疊類名”。
例如:
.box { background-color: blue; } .box.header { background-color: red; }
在上面的例子中,.box和.box.header都是選擇器的名稱,.box是一般的類選擇器,.box.header是層疊的類選擇器。
當一個元素擁有多個類名時,它會匹配最后一個類名。
例如:
<div class="box header"></div>
這里,div元素會匹配選擇器.box.header,因為它擁有類名header。
層疊類名可以用來增加CSS的選擇器的特定性,這對于滿足特定的設計要求十分有用。
但是,如果濫用層疊類名,無疑會增加CSS的代碼量和難以維護性。所以,我們應該避免不必要的類名,并盡量使用描述性的類名。
上一篇jquery-ui進度條
下一篇docker多用戶同時