使用深度作用选择器覆盖antd vue的表单和下拉菜单部分样式
在项目中我们常常遇到UI设计师给的设计稿中一些组件中样式和我们所使用的UI框架样式不同,通常我们的做法都是在需要覆盖的组件样式上重写样式,例如:
<style lang="less" scoped>
.myCss .ant-form-item {
border-right: 1px solid #ccc !important;
background-color: #FAFAFA !important;
//新的样式....
}
</style>
但有时候不起效果,而且每写一个新样式都需要加上!important,这样显得繁琐。
现在有了深度作用选择器让我们一下子就可以解决覆盖框架样式问题