1. 程式人生 > >css 選擇器使用之注意事項

css 選擇器使用之注意事項

  !!!!一切程式碼要以效率為主。效率既是金錢。 

CSS選擇符是從右到左進行匹配的。從右到左!所以,#nav li 我們以為這是一條很簡單的規則,秒秒鐘就能匹配到想要的元素,但是,但是,但是,是從右往左匹配啊,所以,會去找所有的li,然後再去確定它的父元素是不是#nav。,因此,寫css的時候需要注意:

  1. dom深度儘量淺。
  2. 減少inline javascript、css的數量。
  3. 使用現代合法的css屬性。
  4. 不要為id選擇器指定類名或是標籤,因為id可以唯一確定一個元素。
  5. 避免後代選擇符,儘量使用子選擇符。原因:子元素匹配符的概率要大於後代元素匹配符。後代選擇符;#tp p{} 子選擇符:#tp>p{}
  6. 避免使用萬用字元,舉一個例子,.mod .hd *{font-size:14px;} 根據匹配順序,將首先匹配萬用字元,也就是說先匹配出萬用字元,然後匹配.hd(就是要對dom樹上的所有節點進行遍歷他的父級元素),然後匹配.mod,這樣的效能耗費可想而知.