使某个css属性失效 property:unset

在开发过程中，一个元素可能被多次设置了css样式，一般来说，最后一次的css样式会覆盖之前设置的相同css属性，同时会继承之前其他css属性。如果想该元素不继承之前设置的css属性，则可设置继承的属性值为unset。（特别是在引入了多个css文件的情况下）

如下图中的left属性，此时我们将继承的left属性设置为unset，同时设置right属性来改变元素的水平位置。

.swiper-pagination-fraction {
    position: absolute;
    left: 50%;
}

.swiper-pagination-fraction {
    width: unset;
    position: absolute;
    right: 18.75%;
    left: unset;
    bottom: 7.5%;
}

此外，unset还有另外一种用法。如果这个属性本来有从父级继承的值（这个属性默认可以继承，且父级有定义），则将该属性重新设置为继承的值。

<div class="bar">
  <p>This text is green (default inherited value).</p>
</div>

.bar {
  color: green;
}

p {
  color: red;
}
.bar p {
  color: unset;
}

 若想了解更多关于unset的内容，可以前往MDN官网查阅资料。