一、写在前面
all属性实际上是所有CSS属性的缩写,表示,所有的CSS属性都怎样怎样,但是,不包括unicode-bidi和direction这两个CSS属性。为什么会有这个CSS属性呢?我们可能知道,有些CSS属性值基本上所有CSS属性都有,比方说继承inherit!我们CSS reset输入框的时候,是不是有类似这样的代码(实际可能是具体值,作用类似):
input, textarea {
color: inherit;
font-size: inherit;
font-family: inherit;
}
因为这类输入控件自身有内置的大小和字体,需要重置。此时,大家就会发现,这些属性值都是inherit, 要是可以合并就好了!CSS all属性就是用来合并的。
input, textarea {
all: inherit;
}
这里仅仅是展示作用,实际上是不会这么用的,因为,all:inherit会让背景色什么的,都继承父级,相信这不是你希望看到的。
二、语法和区别
语法如下:
all: initial;
all: inherit;
all: unset;
2.1、initial:
initial是初始值的意思,也就是该元素除了unicode-bidi和direction以外
的CSS属性都使用属性的默认初始值。
2.2、inherit
也就是该元素除了unicode-bidi和direction以外的CSS属性都继承父元素的
属性值。
2.3、unset
unset是取消设置的意思,也就是当前元素浏览器或用户设置的CSS忽略,然后
如果是具有继承特性的CSS,如color,则使用继承值;如果是没有继承特性的
CSS属性,如background-color,则使用初始值。
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://blog.csdn.net/weixin_47450807/article/details/124192344
内容来源于网络,如有侵权,请联系作者删除!