Html 强制浏览器渲染最接近的字体颜色子体。 .f-1、.f-1 a{ 颜色：#fff； } .f-2、.f-2A{ 颜色：#000； } 测试颜色
因为css中的f-2跟随f-1，所以浏览器会将测试颜色呈现为白色（#fff）。我怎样才能使它呈现最接近的后代呢 我赞成维韦克的建议。规则Html 强制浏览器渲染最接近的字体颜色子体。 .f-1、.f-1 a{ 颜色：#fff； } .f-2、.f-2A{ 颜色：#000； } 测试颜色,html,css,descendant,Html,Css,Descendant,因为css中的f-2跟随f-1，所以浏览器会将测试颜色呈现为白色（#fff）。我怎样才能使它呈现最接近的后代呢 我赞成维韦克的建议。规则.f-2 a和.f-1 a都具有相同的属性。因此，您必须使您想要适用于测试颜色的规则更加具体。您可以尝试.f-1>a或.f-2.f-1 a 您可以使用继承功能。这可以继承父属性 span{ 颜色：蓝色； 边框：1px纯黑； } .额外跨度{ 颜色：继承； } 这是一个蓝色的跨度元素，因为跨度元素被设置为蓝色。 这是一个绿色的span元素，因为它继承自其父元素
.f-2 a.f-1 a测试颜色的规则更加具体。您可以尝试.f-1>a
或.f-2.f-1 a
您可以使用继承
功能。这可以继承父属性
span{
颜色：蓝色；
边框：1px纯黑；
}
.额外跨度{
颜色：继承；
}
这是一个蓝色的跨度元素，因为跨度元素被设置为蓝色。
这是一个绿色的span元素，因为它继承自其父元素。
这是一个蓝色的跨度元素，因为跨度元素被设置为蓝色。
<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>