bem 命名規範

2021-10-24 22:42:28 字數 392 閱讀 2940

bem代表「塊(block),元素(element),修飾符(modifier)」,我們常用這三個實體開發元件。

在選擇器中,由以下三種符號來表示擴充套件的關係:

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

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

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

1、中劃線,   用於單詞之間的連線

例: ...

2、 雙下劃, 用於表示父元素中的子元素

例: ...

3、 單下劃線,   用於表示當前元素的狀態

例: 

表示當前元素被選中的樣式

BEM的命名規範

css 的命名規範又叫做bem規範,為的是結束混亂的命名方式,達到乙個語義化的css命名方式。bem是三個單詞的縮寫 block 塊 代表更高階別的抽象或元件,element 元素 block的後代,以及modifier 修飾 不同狀態的修飾符。命名方法 block element modifier...

指定命名區域不存在 BEM命名規範

css 的命名規範又叫做bem規範,為的是結束混亂的命名方式,達到乙個語義化的css命名方式。bem是三個單詞的縮寫 block 塊 代表更高階別的抽象或元件,element 元素 block的後代,以及modifier 修飾 不同狀態的修飾符。命名方法 block element modifier...

關於CSS命名規範,我推薦BEM命名方式!

看過許多css的命名規範,像aliceui,nec 等等。其中最實用的規範 bem bem block,element,modifier 是由yandex團隊提出的一種前端命名規範。其核心思想是將頁面拆分成乙個個獨立的富有語義的塊 blocks 從而使得團隊在開發複雜的專案變得高效,並且十分有利於 ...