当前位置: 首页 > Web前端 > CSS

CSS级联与继承

时间:2023-03-30 19:26:59 CSS

级联级联(Thecascade),CSS是CascadingStyleSheet的缩写,说明级联非常重要。从表面上看,级联表示CSS规则的顺序,但级联远比这复杂。在所有选择器中,某个选择器定义的规则能否胜出(即优先级)取决于三个要素:Importance、Specificity、Sourceorder①.!important语句(Importance)在末尾添加“!important”css规则的值可以确保该规则优先于其他规则。但一般建议不要使用“!important”,因为它会改变级联的工作方式,使调试变得困难。例如:`这是一个段落。

一个选择器来统治他们!

`②。Specificity通过4个特征值量化一个选择修饰符Thousands在元素的style属性中声明。属性值记录为1000Hundreds一个选择器中包含的所有ID选择器Tens一个选择器中包含的所有类选择器、属性选择器、伪类选择器Ones一个选择器中包含的所有元素选择器、伪元素选择器③。代码顺序(Sourceorder)如果多个竞争选择器具有相同的重要性和特征值,则代码顺序将发挥作用,后面的规则优先于前面的规则。继承(Inheritance)CSS中有些规则默认会被子元素继承,有些则不会。比如字体系列属性,文本系列属性,列表系列属性,cursorCSS提供了三个特殊的值来处理继承1)inherit继承父元素的样式2)initial不继承。套用浏览器的默认样式3)如果不设置unset,则显示规则原有的特性,即如果规则有继承属性,则继承,否则不继承。