CSS3-三大特性-继承性、层叠性、优先级
CSS3中的三大特性分别是继承性、层叠性和优先级。
继承性：
指的是某些CSS属性会被应用到元素的所有子元素上，如字体的颜色、字体大小等。
例如：
div { color: red; }这段代码中，
div的颜色被设置为红色，但这个颜色属性会自动应用到div的所有子元素上。层叠性：
指的是当多个选择器选中同一个元素，并且每个选择器都定义了相同的属性时，就会发生层叠。层叠性决定了在冲突的样式中哪个会被应用。
例如：
div { color: red; } div { color: blue; }在这个例子中，
div的颜色会被应用为蓝色，因为后面的规则会覆盖前面的规则。优先级：
当多个选择器选中同一个元素，并且每个选择器都定义了相同的属性时，就需要确定哪个选择器的样式会被应用。优先级决定了在层叠中哪个选择器的样式会被应用。
例如：
div { color: red; } .highlight { color: blue; } <div class="highlight"></div>在这个例子中，
div的颜色会被应用为红色，因为div选择器的优先级高于.highlight选择器。
优先级规则：
- 内联样式（在HTML元素的
style属性中）> - ID选择器 >
- 类选择器、属性选择器、伪类 >
- 元素选择器、伪元素 >
- 通配选择器（
*） > - 继承的样式。
注意：当两个选择器的优先级相同时，后定义的选择器会覆盖先定义的选择器。
评论已关闭