使某个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还有另外一种用法。如果这个属性本来有从父级继承的值（这个属性默认可以继承，且父级有定义），则将该属性重新设置为继承的值。

This text is green (default inherited value).

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

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！