在将HTML标签中的style样式转移至CSS文件后，发现样式不生效。原因在于内联样式优先级高于类选择器，导致CSS样式未覆盖默认样式。解决方案包括使用更具体的`button.item2`选择器或移除可能导致默认样式优先级提升的`style v2`设置。
1.出现问题：
把html标签中的style样式挪到css中后，样式就变化了，见下图
前台style的内容和css的样式内容一致，但是显示效果却出现不一致的情况，进一步查看发小，css里的样式虽然引入成功了但是却没有生效，如下图
经过查找资料得知，内联style的样式优先级最高，当有别的样式设置时（比如button默认的属性值），会有限使用style内联样式的属性，当将style内联属性的样式内容挪到css里面之后，比如此处的item2类选择器的属性，那么他就和button的默认样式属性属于平级了，导致类选择器的属性不生效。
解决办法1：此时，我们可以针对button标签下的类选择器为item2的button进行属性修改，覆盖类名为item2
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
