CSS全局关键字

时间：2023-03-29 10:47:36 HTML

css的全局关键字如下：inherit：继承父属性initial：将元素初始化为css的初始值unset：继承并初始化元素revert：恢复为浏览器内置样式all：generation指的是所有的css属性。下面说说这几个关键字的实际作用。inherit继承父属性inherit可以继承父属性，可以设置某个属性继承，那么该属性会继承父元素属性父容器子容器

.father{颜色：红色；}.children{颜色：蓝色；/*被父级覆盖*/color:inherit;/*继承父属性*/}根据执行顺序，color:blue会被覆盖。如果inheritunderchildren生效，会继承parent的color属性，字体颜色变为红色。初始化元素成为css的初始值

初始部分

劲风草

东方不败

败于西

li>/*initial将元素初始化为css的初始值*/.initial_ul{font-size:30px;}.initial_ulli:last-of-type{font-size:initial;}一般情况下，设置ul的字号为30px，那么li的字号也会被继承为30px，这里设置最后一个li恢复到css的初始值，下面是显示effect:unset关键字unset关键字有两种情况，如果这个属性如果有从parent继承的值（这个属性默认可以继承，而且parent有定义），那么这个属性就是继承的parent属性。如果这个属性不是从父级继承的，那么这个属性将被重置为初始的css属性。这里我们以对话框为例。该对话框具有默认样式。我们不想要这些样式。您可以使用all:unset来批量重置它们。取消设置对话框默认样式如下：使用unset关键字重新设置。dialog_unset{all:unset;/*重置初始属性*//*在这里写入自定义属性。..*/}重置后的效果：其实unset相当于inherit和initial的结合。在继承的情况下，类似于inherit；在没有继承的情况下，类似于initial。unset可以应用于任何css属性。revert恢复浏览器内置样式其实revert有点像initial，只不过是initial==css初始属性，而revert==浏览器默认样式

让子弹飞

楚门世界

东方不败

不同方向

/*revertkeyword*/.revert_ul{list-样式类型：无；/*取消li点*/list-style-type:revert;/*Revertlitobrowserdefaultstyle*/}一般情况下，这里设置list-style-type:none后，应该取消li的点，但是之后li又重置为浏览器默认的样式，所以li的点会出现。all是指所有css属性。all有四个值：initial、inherit、unset、revertall。attribute是css的全局关键字之一，all是指当前代码块的所有属性。注意：unicode-bidi和direction这两个属性不受all影响。parentallchildrenall