传统CSS2.1选择器

标签选择器和id选择器

标签选择器

image.png
image.png
image.png
image.png
image.png

认识id属性

image.png
image.png
image.png
同一个页面不能有相同id的标签
image.png
image.png

class选择器

原子类

image.png
image.png
image.png

复合选择器

后代选择器

image.png
image.png
image.png

交集选择器

image.png
image.png

并集选择器

image.png
image.png

CSS3新增选择器

元素关系选择器

image.png

层叠性和选择器权重计算

层叠性

image.png
image.png
image.png

冲突处理

如果多个选择器定义的属性有冲突呢？CSS有严密的处理冲突的规则
image.png

!important提升权重

image.png
很多公司不允许使用!important，因为这会带来不经意的样式冲突。