样式不生效问题

给组件设置样式不生效问题

我们在使用组件或者自己写的标签样式不生效，可以从一下几个方面考虑，解决

目标对象问题

首先要检查自己设置的样式有没有设置在对应的对象身上，可以打开浏览器的开发工具，检查对象，该对象是否由你设置的属性

比如说使用a-modal组件的使用，注意对话框的父盒子为body，如果我们选择的对象不对，设置的样式就肯定不会生效

权重问题

我们打开浏览器的开发工具，选择查看对象，filter过滤样式，查看生效的样式的权重，然后将自己设置的选择器权重高于当前生效的权重

使用组件的深层选择器

/deep/

去除style标签中的scoped

此时为了不影响其他的样式，最好给标签加上id，利用id去选择