文章目录
- unset
- initial
- inherit
unset
- 用于重置一个 CSS 属性的值。它的作用是将属性值设置为继承(inherit)或初始(initial),具体取决于该属性是可继承的还是不可继承的
- 对于可继承的属性,unset 等同于 inherit
- 对于不可继承的属性,unset 等同于 initial
.child {color: unset; /* 如果 color 是可继承的,则此处相当于 color: inherit; */width: unset; /* 如果 width 是不可继承的,则此处相当于 width: initial; */
}
initial
- 用于将一个 CSS 属性的值设置为其初始值。这意味着属性值将忽略任何继承值,恢复为浏览器默认的初始样式。
.child {color: initial; /* 将 color 属性设置为初始值,通常为黑色 */width: initial; /* 将 width 属性设置为初始值,通常为 auto */
}
inherit
- 用于将一个 CSS 属性的值设置为其父元素的值。这意味着属性值将完全继承父元素的样式,而忽略自身的任何初始值。
.parent {color: red;width: 200px;
}.child {color: inherit; /* 将 color 属性设置为父元素的值,即 red */width: inherit; /* 将 width 属性设置为父元素的值,即 200px */
}