css移除父元素继承的属性，initial、unset、revert和inherit属性介绍

1. initial

• 作用： 将 CSS 属性重置为其初始值。
• 初始值： 初始值取决于具体属性，每个属性都有自己的初始值。比如， font-size 的初始值可能是 medium ， color 的初始值可能是 black 。
• 继承： 不影响继承，当应用于一个元素时，它不会影响子元素的属性值。
• 示例：

  .child {
      font-size: initial; /* 将 font-size 重置为初始值 */
  }
  

使用 initial 关键字将 CSS 属性重置为其初始值。每个 CSS 属性都有自己的初始值，这个值通常是浏览器或用户代理程序提供的默认值。使用 initial 关键字会将属性重置为此默认值。

2. unset

• 作用： 重置 CSS 属性为其继承值（如果有）或其初始值（如果没有继承值）。
• 继承： 如果属性有继承性质，则会应用继承值；如果没有继承性质，则应用初始值。
• 示例：

  .child {
      color: unset; /* 将 color 重置为继承值（如果有）或初始值（如果没有继承值） */
  }
  

使用 unset 关键字将 CSS 属性重置为其继承值（如果有），或者重置为其初始值（如果没有继承值）。如果属性有继承性质，则会应用父元素的值，否则会应用初始值。

3. revert

• 作用： 将 CSS 属性重置为其父元素的值，如果没有父元素，则行为类似于 initial 。
• 继承： 如果属性有继承性质，则会应用父元素的值；如果没有继承性质，则应用初始值。
• 浏览器支持： 较新的属性，可能不是所有浏览器都支持。
• 示例：

  .child {
      font-size: revert; /* 将 font-size 重置为父元素的值 */
  }
  

使用 revert 关键字将 CSS 属性重置为其父元素的值，如果没有父元素，则行为类似于 initial 。如果属性有继承性质，则会应用父元素的值，否则会应用初始值。

4. inherit

• 作用： 将 CSS 属性设置为其父元素的值，即强制继承父元素的该属性值。
• 继承： 总是应用父元素的值。
• 示例：

  .child {
      color: inherit; /* 将 color 设置为父元素的值 */
  }
  

使用 inherit 关键字将 CSS 属性设置为其父元素的值，即强制继承父元素的该属性值。无论属性是否具有继承性质，都会应用父元素的值。