CSS代码优先级

时间:2013-04-19 14:30:44

标签: css

我想首先从特定样式表加载css代码, 像:

ul, ol {
    margin: 0 0 10px 25px;
    padding: 0;
}

以上代码分为两个文件:core.cssbootstrap.css

core.css首先加载头标记。

但浏览器始终首先使用bootstrap.css中的代码。

我尝试将bootstrap.css重命名为z-bootstrap.css。 但是没有运气浏览器应用z-bootstrap.css的样式 我在ul, ol

中修改body ul, body olcore.css时有效

但我不想这样做,如何在不添加任何类或属性的情况下应用core.css的样式。???

4 个答案:

答案 0 :(得分:6)

在您的声明中,core.css

之后bootstrap.css下方/ <link rel="stylesheet" type="text/css" href="bootstrap.css"> <link rel="stylesheet" type="text/css" href="core.css">

示例:

{{1}}

答案 1 :(得分:2)

css应用程序的顺序并不总是取决于包含顺序,而是依赖于特异性级别:

http://www.w3.org/TR/CSS21/cascade.html#specificity

答案 2 :(得分:1)

您需要在core.css之后加载bootstrap.css,以便core中的规则覆盖bootstrap

答案 3 :(得分:-3)

尝试将!important放在最后

ul, ol {
margin: 0 0 10px 25px !important;
padding: 0 !important;

}

这将优先考虑