如何用 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样式覆盖页面中的内联样式。