简单了解CSS3的all属性

x33g5p2x  于2022-04-16 转载在 其他  
字(0.7k)|赞(0)|评价(0)|浏览(182)

一、写在前面
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,则使用初始值。

相关文章

微信公众号

最新文章

更多