防止类中的某些元素从它的父类继承样式

Question

我们说我的HTML看起来像这样

<div class="abc">
   <a>some link</a>
   <a class="xyz">another link</a>
</div>

和看起来像这样的CSS

.abc a
{
   color: #fff;
}
a.xyz
{
   color: #aaa;
}

问题是类xyz的第二个链接从它的父div继承颜色#fff。有没有办法让它继承xyz类的颜色？还有以下概念：第一个孩子和或者：最后一个孩子不会帮助，因为我刚刚说明了2个链接，这是不切实际的。

Answer 1

您可能需要做的是使CSS更具体。如果没有您的所有代码，很难说您需要具备哪些具体内容。

＆＃13;

＆＃13;

.abc a
{
   color: #fff;
}
.abc a.xyz
{
   color: #aaa;
}

＆＃13;

<div class="abc">
   <a>some link</a>
   <a class="xyz">another link</a>
</div>

＆＃13;

＆＃13;

＆＃13;

参考： CSS Specificity