看過許多css的命名規範，像aliceui， nec 等等。。。
其中最實用的規範：bem
bem(block, element, modifier)是由yandex團隊提出的一種前端命名規範。其核心思想是將頁面拆分成乙個個獨立的富有語義的塊（blocks）,從而使得團隊在開發複雜的專案變得高效，並且十分有利於**復用，即便團隊引入新成員，也容易維護。在某種程度上，bem和oop是相似的。
最好是不要超過3層，3層以內是最好的
- 塊名：block，它為元素和修飾符定義了命名空間（就是這個塊是幹啥的～，比如登入，那這個塊就叫login）
- 元素名：與塊名使用「-」連線，block-ele-name（就是這個元素盒子是幹啥的，比如登入的form表單，那就是login-form）
- 修飾符名：使用「__」連線(double underscore)（就是這個玩意是什麼？是幹啥的？比如登入帳號使用者名稱，那就是username，也就是login-form__username）
bem 命名規範
bem代表 塊 block 元素 element 修飾符 modifier 我們常用這三個實體開發元件。在選擇器中，由以下三種符號來表示擴充套件的關係 中劃線 僅作為連字元使用，表示某個塊或者某個子元素的多單詞之間的連線記號。雙下劃線 雙下劃線用來連線塊和塊的子元素 單下劃線 單下劃線用來描述乙個塊...
BEM的命名規範
css 的命名規範又叫做bem規範，為的是結束混亂的命名方式，達到乙個語義化的css命名方式。bem是三個單詞的縮寫 block 塊 代表更高階別的抽象或元件，element 元素 block的後代，以及modifier 修飾 不同狀態的修飾符。命名方法 block element modifier...
CSS命名 BEM方法
bem 是塊 block 元素 element 修飾符 modifier 的簡寫，利用不同的區塊，功能以及樣式來給元素命名。官網原文表述。bem方法通過使用混合或建立額外的塊元素來達到相同的結果。您不需要建立額外的抽象包裝器。相對於其他塊定位乙個塊 設定乙個塊元素相對於其他塊元素的位置，最好的方法通...