Header中的CSS级联顺序

Question

有没有办法强制将文件的css链接作为使用的文件，而不依赖于级联顺序来确定被覆盖的内容？

我正在使用CMS，我可以在其中添加新的css链接，但无法更改标头标记中的级联顺序：

<link rel="stylesheet" href="new.css" type="text/css" />
<link rel="stylesheet" href="old.css" type="text/css" />

我需要＆＃34; new.css＆＃34;覆盖＆＃34; old.css＆＃34;不覆盖old.css的代码。我没有权限只是改变标题代码的顺序，我希望我能！

Answer 1

你找不到什么。

您的上一个样式表将覆盖以前的样式表规则。

---

但是如果你可以使用javascript或jquery那么你可以改变这样的顺序：

jQuery的：

$('link[ref="old.css"]').insertBefore($('link[ref="new.css"]'));

Answer 2

实际上，如果你使选择器更具体，你可以。你只需添加＆＃34; body＆＃34;就可以做到这一点。在实际选择器之前。

示例：

.button {
color: blue;
}

使用

会被忽略

body .button {
 color: green;
}

快速小提琴：http://jsfiddle.net/4cbs5por/

Answer 3

如果你的CMS允许你添加新的CSS链接，它应该足够聪明，把新的链接放在最底层。如果它把它放在顶部并且你不想搞乱jQuery，你可以只复制来自＆＃34; old.css＆＃34;并将其粘贴到＆＃34; new.css＆＃34;文件，反之亦然。这样，您将在底部文件中拥有正确的内容，这将覆盖顶部链接。