1.标签选择器 =》映射标签
2.类选择器 =》通过. 找到对应的class值
3.id选择器 =》 通过#找到对应的id
4.并列选择器 =》 类似于 或 =》多个标签 可能有相同的样式,把多个标签相同的样式写到一起, 用的相对较少 =》 div,p
5.复合选择器 =》 类似于 与 =》
6.后代选择器 =》一个div又有一个p标签 中又有一个p标签 =》 div p div
7.直接后代选择器 =》 div > p
8.相邻兄弟选择器 =》 div + p =>跟div相邻的p标签
9.属性选择器 =》div[name] => 找到div中属性为name的标签
=>div[name][age] =>找到div中属性为name和age的标签
=>div[name="jack"] =>找到div中属性name=“jack”的标签
10.伪类: hover / focus
11.选择器的优先级:
如果在相同选择器:
1.叠加 就近原则
不同的选择器:
选择器的针对性越小,他的优先级就越高;
选择器的weight; 标签 1 / 类选择器 10 / 属性 10 / 伪类 10 / id 100 / 101
优先级排行:
important 》内联 》id》类》标签 |伪类 |属性 》伪元素》通配符》继承