css 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 */
}