【前端】18、CSS 都有哪些选择器？

1. 派生选择器（用 HTML 标签申明）

2. id 选择器（用 DOM 的 ID 申明）

3. 类选择器（用一个样式类名申明）

4. 属性选择器（用 DOM 的属性申明，属于 CSS2，IE6 不支持，不常用，不知道就算了）除了前 3 种基本选择器，还有一些扩展选择器，包括：

   后代选择器（利用空格间隔，比如 ：

   div .a{         }

   ）

   群组选择器（利用逗号间隔，比如 :

   p,div,#a{        }

那么问题来了，CSS 选择器的优先级是怎么样定义的？

1. 基本原则：

   一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。

2. 复杂的计算方法：   

     用 1 表示派生选择器的优先级

     用10 表示类选择器的优先级

     用 100 标示 ID 选择器的优先级