css优先级的计算 及css有哪些选择器

css优先级的运算
答： !important(10000) > 行内样式(1000) > id选择器(100) > 类，伪类选择器(10) > 标签选择器，伪元素选择器（1）> *选择器（通配符、子选择器、相邻选择器等的。如: *、>、+）

css的选择器
答：id选择器
类选择器
标签选择器
通配符选择器
后代选择器 div p (div里的所有子孙p标签，)
并集选择器 div，P, span
子代选择器 div > p (div里的子p标签，不包含孙子p标签)
伪类选择器
1-1 结构伪类选择器:
:first-child
:first-of-type（：first-child强调某个父元素的第一个子元素，而:first-of-type强调的是特定类型的第一个，不必是第一个子元素）
:nth-child
:nth-of-type
1-2 状态伪类选择器
:hover :visited :actived :link
1-3 目标伪类选择器
:target
伪元素标签
1-1 ::before (在该元素之前， 与content结合使用)
1-2 ::after
1-3 ::first-letter (第一个元素的样式)
1-4 ::first-line （第一行的样式）

伪类选择器与伪元素的区别
1.伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
2.伪元素本质上是创建了一个有内容的虚拟容器，它也只是逻辑上存在，实际上也并不存在DOM文档中，也就是说你无法使用JS去获取改变它；
3.CSS3中伪类和伪元素的语法不同；伪类用单冒号:表示；而伪元素用双冒号::表示。一个选择器可以同时使用多个伪类(但有的伪类会互斥)；而一个选择器只能同时使用一个伪元素(未来的版本可能会支持多伪元素)。
4.可以同时使用多个伪类，而只能同时使用一个伪元素