在初识CSS中我们简单介绍了一下CSS文件创建引入,今天我们在系统地学习一下。在‘初识CSS’一节中,我们提到过CSS主要有三种方式插入:
- 外部样式表:通过link进行引入;
- 内部样式表:通过style进行设置;
- 内联(行内)样式:标签内进行设置;
样式优先级
上一节中我们提到了样式优先级问题,也举一个例子说明了id选择器优先级比class优先级高。通过这个例子,我们清楚对于一个元素而言,它可以有多重样式,既可以有内联样式也可以有class类选择器样式等等,多重样式存在下,同一个属性优先展示哪个?想要解决这个问题,了解样式优先级就可以啦。按照简单的理解优先级如下:
内联样式>内部样式>外部样式
这个优先级过于笼统,最起码id选择器和class选择器没有包含里面,并且除了id和class选择器我们还有:
- 伪类选择器
- 属性选择器
- 伪元素选择器
- 通配选择器
- 标签选择器
这些选择器后续我们会一个个进行介绍。
加上这些选择器后优先级如下:
内联样式 > id 选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 标签选择器 = 伪元素选择器