! 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
转载时须注明出处及本声明
最后一次更新于2020-03-10
0 条评论