隨著CSS的發展,使用CSS有語義化的命名約定和CSS層的分離,將有助于它的可擴展性,性能的提高和代碼的組織管理。
在我前面的文章中討論很多關于CSS的問題都可以通過使用一個適當的CSS策略來避免。在這篇文章里,我將著重于討論使用一種方法或者一個命名規則所帶來的好處。
這里有很多可供使用的前端方法和命名規則,每個都有自己的優缺點。在幾乎所有的案例中CSS被分割成更易于管理的代碼“塊”。CSS的這種分割方式定義了每一種方法。
命名規則
一個可靠命名規則的重要性是不可忽視的。就像組織結構帶來的好處一樣,這里有很多性能上的優勢讓你能夠堅持地,有責任感地去命名你的選擇器。
正確使用任何規則將會在大型項目減少與CSS相關的憂慮而發揮關鍵的作用
BEM
最流行的命名規則之一就是BEM(block:塊,Element:元素,Modifier:修飾符)。通過給每個元素添加它的父級block模塊作為前綴,使得目標的安全性變得更加簡單了。BEM還有助于消除頁面和body類對嵌套或者附加樣式依賴。
|
新聞熱點
疑難解答