如何用 style.css 覆盖页面中的内联样式?

如何用 style.css 覆盖页面中的内联样式?

样式覆盖:在 style.css 中覆盖内联样式

对于css样式覆盖的问题,您提到无法在style.css中使用max-width覆盖页面中的.goods_dialog样式,即使加了!important,这确实是一个常见的问题。

解决方法是增加css选择器的权重。权重是css选择器的一个属性,它决定了样式应用的优先级。权重高的选择器将覆盖权重低的同名选择器。

您可以为.goods_dialog选择器增加一个额外的类,如下所示:

立即学习前端免费学习笔记(深入)”;

html .goods_dialog {   max-width: auto !important; }
登录后复制

这样,权重为100的html元素将包裹.goods_dialog选择器,有效地将权重提高到101。这将确保在style.css中定义的max-width样式覆盖页面中的内联样式。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容