CSS選擇器性能差別

(1)選擇器是從右到左進行規則匹配。css

(2)選擇器的執行效率從高到低排序:性能

     ID選擇器;         class選擇器;       標籤選擇器;spa

         相鄰選擇器 +;      子選擇器 >;          後代選擇器;排序

         通配符選擇器 *;     屬性選擇器 [];      僞類選擇器 繼承

(3)選擇器性能的提高方法:class

     1)避免使用通配符選擇器;效率

     2)避免使用標籤或class選擇器限制ID選擇器;方法

     3)避免使用標籤限制class選擇器;標籤

     4)避免使用多層標籤選擇器。用class選擇器代替,減小css查找;僞類

     5)避免使用子選擇器;

     6)使用繼承;

相關文章
相關標籤/搜索