在CSS中,兩個下劃線 "__" 與一個下劃線 "_" 有不同的作用。
一個下劃線 "_" 通常用來表示一個單詞內(nèi)的空格。比如,如果你的元素的class名稱為 "my_class",在CSS中你可以這樣寫:
.my_class { … }
兩個下劃線 "__" 通常用來連接一個元素的父子關(guān)系。比如,如果你想要選中一個class位于某個id里面的元素,可以這樣寫:
#my_id__my_class { … }
這種寫法類似于ID選擇器和子元素選擇器的組合,但CSS里實際上沒有這種選擇器。
兩個下劃線 "__" 還可以用于創(chuàng)建BEM命名風(fēng)格的class名稱,BEM是Block Element Modifier的縮寫。它是一種常用的CSS命名方法,可以讓你的CSS更加可讀可維護。
比如,如果你希望創(chuàng)建一個類似于按鈕的元素,可以這樣寫:
.button { … } .button__icon { … } .button__text { … } .button--active { … }
在BEM命名方法中,類名以 "block-name" 的格式命名。其中 "block" 表示該元素的作用,比如 "button";"name" 表示該元素的名稱,比如 "icon" 或 "text"。如果該元素有變化,可以使用 "--" 作為連接符,比如上面例子中的 ".button--active"。
總之,CSS中的下劃線 "__" 和 "_" 有不同的含義和使用場景。掌握這兩種下劃線的使用,可以讓你的CSS編寫更加高效優(yōu)雅。