CSS重要标记 经常忘记，立稿提醒

! 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://cloud.tencent.com/developer/article/2019151

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