<style>.f-1, .f-1 a {
color: #fff;
}
.f-2, .f-2 a {
color: #000;
}</style>
<body class="f-2">
<ul class="f-1">
<li><a>TEST COLOR</a></li>
</ul>
</body>
因为 css 中的 f-2 跟在 f-1 之后，所以浏览器将测试颜色呈现为白色 (#fff)。我怎样才能让它呈现最接近的后代？
最佳答案
我支持 Vivek 的建议。规则 .f-2 a 和 .f-1 a 都具有相同的 specificity .因此，您必须使要适用于 TEST COLOR 的规则更加具体。您可以尝试 .f-1 > a 或 .f-2 .f-1 a。
关于html - 强制浏览器呈现最接近的字体颜色后代。，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39158437/