CSS BEM 命名規範

2021-09-11 10:09:00 字數 1168 閱讀 1991

- 中劃線 ：僅作為連字元使用，表示某個塊或者某個子元素的多單詞之間的連線記號。

__ 雙下劃線：雙下劃線用來連線塊和塊的子元素

_ 單下劃線：單下劃線用來描述乙個塊或者塊的子元素的一種狀態

bem 命名約定的模式是：

.block {}


.block__element {}


.block--modifier {}


複製**

.sub-block__element {}


.sub-block--modifier {}


複製**
bem的關鍵是，可以獲得更多的描述和更加清晰的結構，從其名字可以知道某個標記的含義。於是，通過檢視 html **中的 class 屬性，就能知道元素之間的關聯。

常規的命名法示例：



複製**
使用了 bem 命名方法的示例：



複製**
.hide 


複製**
以 less 為例：

.article 


&__button 


&--success 


}}複製**
//常規寫法：


.***{}


.***__item{}


.***__item_current{}


// 巢狀寫法


.***__item_current .mod-***__link{}


推薦：.***{}


.***__item{}


.***__item_hightlight{}


.***__product-name{}


.***__link{}


.***__ming-zi-ke-yi-hen-chang{}


// 巢狀寫法


.***__item_current


}//對應的html結構如下：


複製**

命名規範 C 命名規範約定

命名規則約定 序 號描述示例 1類命名混合使用大小寫，首字母大寫 classname 2型別定義，包括列舉和typedef，混合使用大小寫，首字母大寫 typename 3區域性變數混合使用大小寫，且首字母小寫，名字與底層資料型別無關，且應該反映其所代表的事物 localvariable 4子程式引...

程式規範 命名規範

這裡列舉我自己的命名規則，網上很多，但是這個是我目前自己的命名規範 每個單詞的首字母大寫，一般用名詞形式 如 circle goodobject highschool stringlist memorypool verylargebuffer 顯然，所有命名的乙個基本要求 顧名思義，通過名字，能夠反...

程式設計命名規範之 Google C 程式設計命名規範

大一的時候曾經特別關注過命名規範的問題，並且寫了乙個部落格總結了一些基礎的規範 三種程式設計命名規範 後來得知有一種命名規範叫做 go ogle c goo glec 命名規範的時候，特意看了一下，但是特別反感，感覺太糟糕了，所以就沒有深究過 我討厭壓行，這是我反感這個規範的最大原因。不過，現在我不...