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 從而使得團隊在開發複雜的專案變得高效,並且十分有利於 ...