重写的CSS属性

Question

我的HTML是这样的：

<a class="another addAnother">Add another</a> 

我所定义的样式为上述使用“另一个”这样类在外部样式表。

fieldset.associations a.another { 
    color: #693; 
    display: block; 
    margin: 7.5px 0px 15px; 
} 

我试图覆盖使用“addAnother”类标签的风格，这样的（任何需要的地方）：

fieldset.associations a.addAnother { 
    display: none; 
} 

但我无法覆盖。任何帮助表示赞赏。

是否有任何规则，虽然覆盖样式选择器应该是相同的（我试过这个，但没有用）??

Answer 1

这两个属性都具有相同的重要性，因为这两个选择器具有同等的特定性。因此，如果第二个出现在CSS中的第一个，它需要更重要，以覆盖更低的一个。你可以通过更具体的覆盖第一位的，是这样的：

fieldset.associations a.addAnother.another { 
    display: none; 
} 

或

#someID fieldset.associations a.addAnother { 
    display: none; 
} 

或

body fieldset.associations a.addAnother { 
    display: none; 
} 

Answer 2

fieldset.associations a.addAnother { 
    display: none !important; 
} 

Answer 3

这将最终取决于在那两个款式都在你的CSS，但你不能给一个更重要的是这样的：

fieldset.associations a.addAnother { 
    display: none !important; 
} 

Answer 4

无论你原来的声明具有的0,0,2,2特异性。如果第二个声明低于第一个声明，它应该否决它。如果没有，请重新排列您的声明或增加特异性。

body fieldset.associations a.addAnother { 
display: none; 
} 

将由0,0,0,1增加特异性，特异性的最低金额，您可以添加：

---

你可以为了增加特异性添加body标签。

---

你也可以把它具体到.another类通过链接类声明：

fieldset.associations a.another.addAnother { 
display: none; 
} 

将由0,0,1,0增加特异性。

---

Here is an article explaining CSS specificity。请注意，该文章没有提及!important由1,0,0,0增加了特异性，使其几乎不可能推翻。