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

以上就是如何用 style.css 覆盖页面中的内联样式？的详细内容，更多请关注其它相关文章！