Html 覆盖CSS文件

我正在使用一个optimizepress模板，该模板有一个css文件，其中的以下行是主题的一部分：

.container{宽度：1060px；左边距：自动；右边距：自动；背景色：#fff}

我想覆盖它，使宽度为900px

我如何在不更改css文件的情况下做到这一点

---

Optimizepress主题有能力在页面上使用css，但我尝试使用“重要”但它对我无效。

您只需链接到当前css文件下面的另一个css文件即可。在CSS中，如果同一个类有两种样式，那么计算机读取的最后一种样式就是被选中的样式。这就是为什么你需要链接到新的CSS后

因此，创建一个新的css文件并编写

.container {
  width: 1060px;
}

然后在HTML标题中，直接在链接的下面放置当前css

<link rel="stylesheet" href="path/to/yournewcssfile.css">

---

OptimziePress主题具有自定义CSS页面，您可以在其中覆盖CSS。以下是定位这些自定义CSS区域并粘贴CSS代码的步骤

1-转到优化面板，按仪表板>博客设置>模块>其他 脚本>在下拉菜单中选择“自定义CSS”

2-转到优化面板，按“仪表板>全局设置>自定义CSS” （站点范围）

---

您可以a）在它后面添加另一个CSS文件，b）在它后面添加一个

块，或者c）在元素的HTML中添加一个内联样式

style=“width:900px；”

。我想为一个特定的页面这样做。我将.container{width:900px；}添加到页面的自定义CSS中，但它没有覆盖1060px的宽度。然后，只对一个页面执行Jordan Overbye答案。His不起作用，因为它在CSS顺序文件中首先出现，所以不会覆盖它。还有其他想法吗？你用了

！重要信息

与他的代码一起使用？我使用主题标题代码部分添加了css链接到标题，但它会将其添加到其他css文件之前。为什么不能将其添加到其他css文件之后？