CSS关键字：initial、inherit、unset、revert区别

在 CSS 中，我们经常需要控制元素的样式属性，并且有时候我们希望某些属性能够重置、继承或恢复为默认值。为了解决这些需求，CSS 提供了四个非常实用的关键字：initial、inherit、unset 和 revert。

1. initial

• 作用：将属性值设置为 CSS 规范定义的初始值（与浏览器默认样式无关）。
• 示例：

  div {
       
    color: red; /* 自定义颜色 */
  }
  .child {
       
    color: initial; /* 重置为初始值（通常是黑色） */
  }
  

  • 即使父元素 div 的 color 是红色，.child 的 color 会被重置为初始值（黑色）。

---

2. inherit

• 作用：强制继承父元素的计算值（即使该属性默认不可继承）。
• 示例：

  .parent {
       
    border: 2px solid blue;