DCMickey

! important =>提升指定样式规则的应用优先权

unset

名如其意，unset 关键字我们可以简单理解为不设置。其实，它是关键字 initial 和 inherit 的组合。
什么意思呢？也就是当我们给一个 CSS 属性设置了 unset 的话：
如果该属性是默认继承属性，该值等同于 inherit
如果该属性是非继承属性，该值等同于 initial
举个例子，根据上面列举的 CSS 中默认继承父级样式的属性，选取一个，再选取一个不可继承样式：

选取一个可继承样式: color
选取一个不可继承样式: border

看看下面这个简单的结构：

<div class="father">
    <div class="children">子级元素一</div>
    <div class="children unset">子级元素二</div>
</div>

.father {
    color: red;
    border: 1px solid black;
}
.children {
    color: green;
    border: 1px solid blue;
}
.unset {
    color: unset;
    border: unset;
}

由于 color 是可继承样式，设置了 color: unset 的元素，最终表现为了父级的颜色 red。
由于 border 是不可继承样式，设置了 border: unset 的元素，最终表现为 border: initial ，也就是默认 border 样式，无边框。

版权属于：dingzhenhua

本文链接：https://www.dcmickey.cn/skill/58.html

转载时须注明出处及本声明