vue文件的style标签的scoped属性作用:PostCSS在元素标签上添加特殊属性值,在样式的选择器后面添加属性选择器,实现了组件样式的私有化,防止组件之间的样式污染(比如相同类名的元素)。
但在使用scoped属性时,会遇到样式问题。需要使用样式穿透解决
css样式穿透有两种写法,以以下代码为例
<a-modal
dialogClass="dialogClass"
>
</a-modal>
第一种:
/deep/ .dialogClass{}
第二种:
::deep .dialogClass{}