最近導(dǎo)師推薦的css命名規(guī)范腕让，大概看了一下孤钦，感覺還不錯(cuò)，以后可以試試纯丸，方便自己管理代碼
然后還做了一些筆記偏形，幫助自己記憶。
Block：
塊名可以由字母觉鼻，數(shù)字俊扭，波折號(hào)組成，形成一個(gè)css類坠陈，為命名空間添加一個(gè)短前綴
如果它接受一個(gè)類名萨惑，那么任何DOM節(jié)點(diǎn)都可以被當(dāng)做一個(gè)塊
僅使用類名選擇器
沒有標(biāo)簽名和ID
不依賴頁面上其他塊和元素-
Element
塊的一部分沒有獨(dú)立意義，任何元素語義上和他的塊 綁定在一起
元素名稱可以由字母仇矾，數(shù)字庸蔼，下劃線，波折號(hào)組成
css類由塊名加上連個(gè)下劃線加上元素名組成贮匕，例如：.block__elem
塊內(nèi)任何DOM節(jié)點(diǎn)都可以是元素姐仅。在給定的塊上，所有元素在語義上都是相等的
僅使用類名選擇器，
沒有標(biāo)簽名和ID
不依賴頁面上其他塊和元素
例如：
.block__elem { color: #042; }.block .block__elem { color: #042; }
div.block__elem { color: #042; } Modifier 修飾符
塊或元素上的標(biāo)志萍嬉。使用它們來改變外觀乌昔、行為或狀態(tài)隙疚。
修飾名可以由字母壤追，數(shù)字，下劃線供屉，破折號(hào)組成行冰，CSS類形成塊或元素的名稱加上兩個(gè)破折號(hào)
復(fù)雜修飾符中的空格被破折號(hào)替代
例如：.block--mod
.block__elem--mod
.block--color-black
.block--color-red
添加在塊/元素DOM節(jié)點(diǎn)上的修飾符是一個(gè)額外的類名，將修飾符類添加到他們修改的塊和元素中伶丐，并保留原類
例如：
<div class="block block--mod">...</div>
<div class="block block--size-big
block--shadow-yes">...</div>
<div class="block--mod">...</div>
使用修飾符類名作為選擇器悼做，例如：.block--hidden { }
根據(jù)塊級(jí)修飾符修改元素，例如：.block--mod .block__elem { }
|
元素修飾符哗魂，例如：.block__elem--mod { } <-----------|
