我想首先从特定样式表加载css代码, 像:
ul, ol {
margin: 0 0 10px 25px;
padding: 0;
}
以上代码分为两个文件:core.css
和bootstrap.css
core.css
首先加载头标记。
但浏览器始终首先使用bootstrap.css
中的代码。
我尝试将bootstrap.css
重命名为z-bootstrap.css
。
但是没有运气浏览器应用z-bootstrap.css
的样式
我在ul, ol
body ul, body ol
到core.css
时有效
但我不想这样做,如何在不添加任何类或属性的情况下应用core.css
的样式。???
答案 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应用程序的顺序并不总是取决于包含顺序,而是依赖于特异性级别:
答案 2 :(得分:1)
您需要在core.css
之后加载bootstrap.css
,以便core
中的规则覆盖bootstrap
。
答案 3 :(得分:-3)
尝试将!important
放在最后
ul, ol {
margin: 0 0 10px 25px !important;
padding: 0 !important;
}
这将优先考虑