1. 常见 CSS 属性 2. CSS 选择器 三种基本选择器:元素选择器、类选择器、 ID 选择器 3. 声明冲突 4. 层叠概述 1. 什么是层叠? 层叠是一种机制,用于解决 CSS 声明冲突,多个相同的 CSS 声
1.常见CSS属性
2.CSS选择器
三种基本选择器:元素选择器、类选择器、ID选择器
3.声明冲突
4.层叠概述
1.什么是层叠?
层叠是一种机制,用于解决CSS声明冲突,多个相同的CSS声明(属性),应用到同一个元素上
2.层叠的过程
比较优先级:优先级低的声明会被淘汰,优先级高的声明胜出
比较特殊性:特殊性低的声明会被淘汰,特殊性高的声明胜出
比较源次序:源次序靠前的声明会被淘汰,靠后的声明胜出
经过这三个步骤,仅会有一个声明最终胜出,其他的全部被淘汰
5.比较优先级
每一个声明都有一个优先级
当发生冲突时,优先级高的会保留,优先级低的会被淘汰
一个声明的优先级,与它的来源和重要性有关
若属性值后跟上!important,则表示一条重要声明,否则,表示普通声明
6.比较特殊性
比较特殊性-具体规则
比较特殊性-总体规则
7.比较源次序
最后出现的声明胜出,其他的全部淘汰
该规则的实际应用
CSS Reset代码前置
a元素的伪类书写顺序
8.继承
1.什么是继承?
继承(inherit),是指子元素会自动拥有父元素的某些CSS属性,继承须有传递性
继承是自动发生的,开发者不需要书写任何额外的代码
并不不是所有CSS属性都可以被子元素继承
可被继承的属性:
不可被继承的属性:background-color
2.继承发生的场景
一个元素的某个CSS属性,只有满足下面两个条件,才会继承父元素:
该属性是可继承的属性
该属性在样式表中没有声明
强制继承
强制继承,也叫做显式继承,是指将CSS属性值设置为:inherit
这样做,通常有两个原因:
为了继承有些不可继承的属性
为了继承已被声明过的属性
9.属性值计算过程简介