CSS三大特性

CSS 的三大特性包括：

1. 层叠性（Cascading）

层叠性是指用于控制多个样式定义同时应用到某个元素时，如何决定哪个样式定义将被应用的机制。CSS 样式表中的规则可以根据其特定优先级与其他规则进行层叠，最终得到应用于元素的样式。常用的应用场景有：

• 通过应用不同的样式类来覆盖或扩展第三方 CSS 框架的默认样式；
• 在使用框架或模板引擎时，定义自己的样式规则，使其应用于特定的 HTML 元素；
• 使用 !important 规则来强制应用某些样式规则。

2. 继承性（Inheritance）

继承性是指某些样式定义可以被继承到其子元素中，从而简化样式定义和提高了代码重用性。例如，如果在父元素上设置了 font-family 属性，那么子元素将继承这个属性。常用的应用场景有：

• 定义 CSS 类来包含一组用于父元素和其所有子元素的样式规则，使得对于子元素的特定样式，可以不用再重复定义；
• 在应用 CSS 基础样式规则时，使用父元素的样式规则来使其子元素继承某些属性，尤其是布局样式的继承。

3. 优先级（Specificity）

优先级是指在 CSS 中，应用于一个元素的多个样式规则中，哪一个样式规则的优先级最高，从而被应用到元素上。CSS 样式表使用一定的算法来计算样式规则的优先级，常用的规则有：

• ID 选择器的优先级高于类选择器和标签选择器；
• 内联样式的优先级高于嵌入式样式和外部样式表；
• 在一个 CSS 规则中，出现了多个选择器，选择器的复杂程度越高，优先级越高；
• 使用 !important 规则的样式定义优先级最高。

常用的应用场景包括：

• 定义一些特殊的样式规则（例如调试样式）并使用 !important 规则；
• 在应用其他框架或模板时，排除一些不需要的样式规则，可以通过提高自己的 CSS 选择器的优先级来实现；
• 通过混合使用 class 和 ID 选择器来控制不同元素的优先级，实现效果相同的样式定义。