我看到了一些类似的关于使用“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 type="text/css">
.myrule {
font-weight:bold;
}
</style>
<div class="myrule">
This text will bold but
</div>
<style type="text/css">
.myrule {
font-weight:normal; /* This code will affect the original .myrule */
}
<
如果以下列方式编写,则更改::selection文本颜色的代码运行良好:
HTML:
<p>This is a paragraph.</p>
CSS:
p::selection { // This works
color:#ff0000;
}
p::-moz-selection { // This works
color:#ff0000;
}
但是,如果我像下面这样将两个CSS规则放在相同的行上,那么它就不能工作:
HTML:
<p>This is a paragraph.</p>
CSS:
p::selection, p::-moz