use*_*156 18 css import overriding
我在@import上看到了一些关于覆盖样式的类似问题,人们建议将@import置于底部,但这似乎不适用于此.
--- index.html ---
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
This text should be green.
</body>
--- style.css ---
body {color: red;}
@import url('style-override.css');
--- style-override.css ---
body {color: green;}
上面的示例将输出红色文本,而绿色则是预期的.
在head.css头部之后声明style-override.css将解决问题,但我想在 css文件中使用@import .
在style-override.css中添加!important也会获得预期的结果,但这不是它应该工作的方式.
有谁能解释一下？
ban*_*aka 30
这是行不通的,因为在样式表中声明的任何导入规则必须先于其他所有内容 - 否则,......好吧,它不起作用;).
那么,你的style.css样式表中你应该拥有的是:
@import url('style-override.css');
body {color: red;}