0

例如：

你有这个：

<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 */
}
</style>

我需要知道是否可以像这个例子一样“锁定”CSS规则：

<style type="text/css">
.myrule:locked {
  color:yellow;
}
</style>
<div class="myrule">
   This text will yellow always!!!!!!!
</div>

<style type="text/css">
.myrule {
  color:red;
}
</style>
4

4 回答 4

1

不必要。您可以使用!important运算符为 CSS 规则添加一个极端的权重，这将覆盖几乎所有其他内容。但是，另一个更具体的规则也有!important操作符仍然会覆盖它。

最好的办法是不要尝试“锁定” CSS 规则，而是要确保规则的选择器总是比其他选择器更具体。ID 选择器是控制特异性的好方法，这样你会遇到更少的问题。

于 2013-02-26T06:16:38.520 回答
0

尝试这个 ：

.myrule {
  font-weight:bold !important;
}
于 2013-02-26T06:15:21.293 回答
0

如果可以为您的 DIV 标签定义 ID，例如

<div class="myrule" id="firstdiv">
   This text will yellow always!!!!!!!
</div>

然后你可以指定你的 id 特定的 CSS 规则，比如

<style type="text/css">
#firstdiv .myrule {
  color:yellow;
}
</style>
于 2013-02-26T06:16:22.467 回答
0

我认为css解释因浏览器而异。如果您想覆盖 css 优先级，我认为您需要使用 javascript 来明确说明您的意图。

于 2013-02-26T06:17:31.303 回答