css - 覆盖 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;
}