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

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

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

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

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

立即学习“前端免费学习笔记（深入）”；

html .goods_dialog {
  max-width: auto !important;
}

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