给组件设置样式不生效问题
我们在使用组件或者自己写的标签样式不生效,可以从一下几个方面考虑,解决
目标对象问题
首先要检查自己设置的样式有没有设置在对应的对象身上,可以打开浏览器的开发工具,检查对象,该对象是否由你设置的属性
比如说使用a-modal组件的使用,注意对话框的父盒子为body,如果我们选择的对象不对,设置的样式就肯定不会生效
权重问题
我们打开浏览器的开发工具,选择查看对象,filter过滤样式,查看生效的样式的权重,然后将自己设置的选择器权重高于当前生效的权重
使用组件的深层选择器
/deep/
去除style标签中的scoped
此时为了不影响其他的样式,最好给标签加上id,利用id去选择