请选择 进入手机版 | 继续访问电脑版
MSIPO技术圈 首页 IT技术 查看内容

css unset、initial、inherit

2023-07-13

文章目录

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

相关阅读

手机版|MSIPO技术圈 皖ICP备19022944号-2

Copyright © 2024, msipo.com

返回顶部