简单了解CSS3的all属性

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

一、写在前面
all属性实际上是所有CSS属性的缩写,表示,所有的CSS属性都怎样怎样,但是,不包括unicode-bidi和direction这两个CSS属性。为什么会有这个CSS属性呢?我们可能知道,有些CSS属性值基本上所有CSS属性都有,比方说继承inherit!我们CSS reset输入框的时候,是不是有类似这样的代码(实际可能是具体值,作用类似):

  1. input, textarea {
  2. color: inherit;
  3. font-size: inherit;
  4. font-family: inherit;
  5. }

因为这类输入控件自身有内置的大小和字体,需要重置。此时,大家就会发现,这些属性值都是inherit, 要是可以合并就好了!CSS all属性就是用来合并的。

  1. input, textarea {
  2. all: inherit;
  3. }

这里仅仅是展示作用,实际上是不会这么用的,因为,all:inherit会让背景色什么的,都继承父级,相信这不是你希望看到的。
二、语法和区别
语法如下:

  1. all: initial;
  2. all: inherit;
  3. all: unset;

2.1、initial:

  1. initial是初始值的意思,也就是该元素除了unicode-bididirection以外
  2. CSS属性都使用属性的默认初始值。

2.2、inherit

  1. 也就是该元素除了unicode-bididirection以外的CSS属性都继承父元素的
  2. 属性值。

2.3、unset

  1. unset是取消设置的意思,也就是当前元素浏览器或用户设置的CSS忽略,然后
  2. 如果是具有继承特性的CSS,如color,则使用继承值;如果是没有继承特性的
  3. CSS属性,如background-color,则使用初始值。

相关文章