CSS中經(jīng)常會(huì)用到減號(hào)(-),比如當(dāng)給某個(gè)元素添加樣式時(shí),需要在class或id中使用減號(hào)來表示層級(jí)關(guān)系。
在HTML中,可以直接使用減號(hào)來命名class和id,例如:
<div class="box-container"> <div id="box-1"></div> <div id="box-2"></div> </div>而在CSS中,如果要匹配這些class和id,需要使用減號(hào)來表示層級(jí)關(guān)系:
.box-container { /* some styles */ } #box-1 { /* some styles */ } #box-2 { /* some styles */ }如果不加減號(hào),CSS就無法正確匹配到相應(yīng)的元素,樣式也無法生效。 另外,還有一種情況是在CSS中使用減號(hào)來定義自定義屬性,例如:
.element::before { content: attr(data-text); color: red; }這里使用了雙冒號(hào)(::)來表示偽元素,然后通過attr()函數(shù)來獲取HTML中data-text屬性的值。注意,這里的減號(hào)是小寫的,如果寫成大寫的話,也會(huì)導(dǎo)致樣式無法生效。 總之,在編寫CSS樣式時(shí),要注意使用減號(hào)來匹配class和id,以及定義自定義屬性的名稱。這樣才能保證樣式能夠正確生效。