鍍金池/ 問(wèn)答/HTML5  HTML/ css類名問(wèn)題

css類名問(wèn)題

div.model__mask

看到別人使用雙下滑線來(lái)分割類名，請(qǐng)問(wèn)江湖上這又什么含義嗎？（比如const都用大寫方便區(qū)分類型）為啥不用單下滑線，或者橫桿呢？

回答
編輯回答
賤人曾

這是BEM命名法

使用 BEM 命名規(guī)范，理論上講，每行 css 代碼都只有一個(gè)選擇器。

BEM代表 “塊（block）,元素（element）,修飾符（modifier）”,我們常用這三個(gè)實(shí)體開發(fā)組件。

在選擇器中，由以下三種符號(hào)來(lái)表示擴(kuò)展的關(guān)系：

  • 中劃線 ：僅作為連字符使用，表示某個(gè)塊或者某個(gè)子元素的多單詞之間的連接記號(hào)。

__ 雙下劃線：雙下劃線用來(lái)連接塊和塊的子元素
_ 單下劃線：?jiǎn)蜗聞澗€用來(lái)描述一個(gè)塊或者塊的子元素的一種狀態(tài)

希望我的回答可以幫到你，謝謝

2017年6月19日 17:11
編輯回答
陪妳哭

江湖上一般使用 - 來(lái)連接, __ 這個(gè)要看自身給他定義了啥含義了

2017年2月27日 02:18
編輯回答
只愛(ài)你

沒(méi)有什么意義，只要保持同意即可，不要混著寫，比如

//以下幾種選其一，不要出現(xiàn)多種格式
model__mask
model_mask
model-mask
modelMask
2018年8月5日 02:11
編輯回答
孤酒

通常有下面幾種寫法：
1:駝峰式
2:用橫杠（單的/雙的）連接
3:用下劃線（單的/雙的）連接

就我個(gè)人而言，就是個(gè)純粹的代碼風(fēng)格問(wèn)題，看你公司怎么規(guī)定的，公司規(guī)定用什么就用什么。
蘿卜青菜各有所愛(ài)。

可以看看這邊文章：https://css-tricks.com/bem-101/

2018年6月7日 12:09