CSS选择器

CSS选择器

伪类和伪元素的区别

• 伪类：以冒号(:)开头，用于选择处于特定状态的元素。
• 伪元素：以双冒号(::)开头，用于在文档中插入虚构的元素。

CSS3层叠性

层叠性只有在多个选择器选中 同一个标签, 然后又设置了相同的属性, 才会发生层叠性。当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 会根据选择器的权重确定优先级，并显示最终的渲染效果。

内联样式表的权值最高为 1000；

ID 选择器的权值为 100

Class 类选择器、属性选择器、伪类的权值为 10

HTML 元素选择器、伪元素的权值为 1

加有!important的权值最大，优先级最高

*{} /*通用选择器，权值为0 */
p{color:red;} /标签，权值为1/
pspan{color:green;} /两个标签，权值为1+1=2/
p>span{color:purple;}/权值与上面的相同，因此采取就近原则/
a:hover{}/标签和伪类，权值为1+10=11/
.warning{color:white;} /类选择符，权值为10/
pspan .warning{color:purple;} /权值为1+1+10=12/
h1+a[rel=up]{}/标签和属性选择器，权值为1+10=11/
#footer .notep{color:yellow;} /权值为100+10+1=111/
p{color:red!important; } /优先级最高/