CSS三大特性为层叠性、继承性和优先级。1. 层叠性指多个规则作用同一元素时,后定义的同优先级样式覆盖前面的;2. 继承性使子元素自动继承父元素的某些属性如color、font等,但盒模型属性不继承;3. 优先级决定样式的应用顺序,!important > 内联样式 > ID选择器 > 类选择器 > 标签选择器 > 通配符和继承。

CSS 中的三大特性指的是 层叠性、继承性 和 优先级。这三种特性共同决定了样式在网页中的最终表现效果。
1. 层叠性(Cascading)
当多个 CSS 规则作用于同一个元素时,浏览器会根据来源、顺序等因素决定使用哪个样式。如果多个规则的优先级相同,后定义的样式会覆盖前面的样式。
例如:- 用户写的样式会覆盖浏览器默认样式
- 写在后面的同优先级规则会生效
2. 继承性(Inheritance)
某些 CSS 属性会自动被子元素继承,比如字体、文字颜色、行高等。这样可以减少重复代码,提升开发效率。
常见可继承属性包括:- color、font-family、font-size
- text-align、line-height
- cursor、visibility
注意:盒模型相关属性(如 width、margin、padding)不会被继承。
立即学习“前端免费学习笔记(深入)”;
3. 优先级(Specificity)
当多个选择器作用于同一元素时,浏览器通过计算选择器的优先级来决定应用哪个样式。优先级从高到低依次为:
- !important(最高,慎用)
- 内联样式(style 属性)
- ID 选择器
- 类选择器、属性选择器、伪类
- 标签选择器
- 通配符选择器(*)和继承(最低)
优先级可通过数值比较,如 ID > 类 > 标签。
基本上就这些,掌握好这三个特性,能更准确地控制页面样式表现。










