CSS 类优先级

Question

我有两个类，一个专门用于某些标签，另一个可以用在任何标签上:

a.action_link_2 {
    display:inline-block;
}

.display_none {
    display:none;
}

在某些情况下，我想应用这两种样式并尝试过:

<a class="action_link display_none">content</a>

但是，在浏览器中呈现时，“action_link”类优先。我知道这可能与 CSS 类优先级有关，即特定于标签的类优先。我的问题是如何使用这些类隐藏此标记并仍然允许在任何元素上使用“display_none”类来隐藏它？

Answer 1

您可以只删除类之前的 a，并在 display none 类之前添加 body 以赋予它更高的优先级。

.action_link_2 {
    display:inline-block;
}

body .display_none {
    display:none;
}