CSS选择器

1. id选择器(#myid) 根据id的值选择元素

2. 类选择器(.myclassname) 根据class的值选择元素

3. 标签选择器(div,h1,p) 根据标签选择元素

4.相邻选择器/兄弟选择器(h1+p) 匹配紧跟第一个选择器，并且匹配第二个选择器内的元素，如紧跟h1元素后的p元素

5.子选择器(ul>li) 匹配第二个选择器，且为第一个选择器内元素的后代

6.后代选择器(li a) 先匹配第二个选择器的元素，并且属于第一个选择器内

7.通配符选择器(*) 选择所有元素

8.属性选择器(a[rel="external"]) 根据属性选择元素

9.伪类选择器(a:hover,li:nth-child) 伪选择器不是直接对应HTML 中定义的元素，而是向选择器增加特殊效果

伪元素

伪类

10 并集选择器（em,strong{}） 同时匹配多个选择器，取多个选择器的并集

选择器权重

ID选择器 #id{} +100

类 属性 伪类 +10

元素 伪元素 +1

其他选择器 +0

注意例外事项

!importtant 优先级最高

元素属性 优先级最高

相同权重 后写的生效