是否有可能控制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 */ 
} 
</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>

来源

2013-02-26 CRISHK Corporation

加入你的CSS标签它自己，然后它会将该规则添加到该标签例如： – EnterJQ 2013-02-26 06:15:20

你应该更好地解决你的规则和导入虽然 – Alexander 2013-02-26 06:16:26

对于任何'！重要“的答案，还要注意[属性的优先级，关于！重要]（http://www.w3.org/TR/CSS21/cascade.html#important-rules）。 – FakeRainBrigand 2013-02-26 06:23:55

试试这个：

.myrule { 
    font-weight:bold !important; 
}

来源

2013-02-26 06:15:21

如果可以为您的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-26 06:16:22

不一定。您可以使用!important运算符为CSS规则添加一个极端权重，该规则将覆盖其他任何内容。但是，另一个更具体的规则是也有!important运算符仍将覆盖它。

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

来源

2013-02-26 06:16:38 animuson

我认为css的解释因浏览器而异。如果你想覆盖CSS优先，我认为你需要使用JavaScript来明确表达你的意图。

来源

2013-02-26 06:17:31 mson

是否有可能控制CSS规则不允许其他规则改变它？

回答

相关问题