如何提高編碼的規范性

Css基礎選擇器

• ID選擇器 #title
• 類選擇器 .title{ }
• 屬性選擇器 a[ href = " " ]
• 偽劣和偽對象選擇器 :hover ::after
• 標簽選擇器 a{}
• 通配符選擇器 body *{ }

選擇器組合方式

• 后代選擇符 .reader .title{}
• 子選擇符 .reader >.title{}
• 相鄰選擇符 .reader+.title{}

Css權重計算規則？？

• 計算ID選擇器的數量
• 計算選擇器中類選擇器、屬性選擇器和偽類選擇器的數量
• 計算標簽類型選擇器和偽對象選擇器
• 忽略全局選擇器
  ID > 類 | 偽類 | 屬性選擇 > 標簽類型|偽對象 > 通配符
  就近原則

em px 以及百分比

• em 設置相對字體大小，尺寸隨著字體的改變而改變
• 百分比 尺寸隨著父元素尺寸的改變而改變

高效組織

• CSS應該是高效清晰并且結構明確的代碼文件
• 通用類和業務類
• 樣式聲明的順序
  應該按照模板中元素的層級關系來處理

適當定義排序

參考 《Web前端開發最佳實踐》