CSS 类顺序

Question

我有一个带有多个 div 和“a”标签的主“div”，我想设置一个“类似模板”的 css 以使它们看起来都一样，但某些 A 标签需要不同，所以我考虑制作它像这样：

\n\n

<div class="main">\n   <a href="#" class="exception">CLick A</a>\n   <br/>\n   <a href="#">CLick B</a>\n   <br/>\n   <a href="#">CLick C</a>\n   ....\n</div>\xe2\x80\x8b\n

\n\n

并在CSS上：

\n\n

.main a{\n  /* Links Scheme */\n}\n\n.exception{\n /* particular link css */\n}\xe2\x80\x8b\n

\n\n

但浏览器优先考虑我的“模板”而不是特定的类。课程不应该是最重要的还是我错过了什么？

\n\n

\n\n

小提琴链接

\n\n

PS：请不要使用“!important”标签

\n

Answer 1

这是一个特殊性的问题。由于.main a包含类和标签名称，因此它更具体，因此比仅类名称具有更高的优先级。

因此，要解决这个问题，请使用.main .exception您的异常。