CSS:复杂选择器:父选择器和:非选择器

Question

我有这个html代码：

<div class='ui'>
    <h3 class='title'>
        <a href='#'>Link to Header</a>
    </h3>
</div>
<a href='#'>Another link</a>

我想为所有锚点a设置CSS样式，但不是为div.ui父元素的h3元素设置样式。我不能将类添加到锚点a into h3元素中。

我试一下这个：

a:not(:parent:parent.ui){color:#dedede;}

但这行不通。有什么解决方案吗？

Answer 1

正如科比在评论中指出的那样，没有这样的:parent选择器。

相反，我建议您设置所有a标记的样式，然后在不同规则中的h3标记中设置a标记的样式：

a { 
    color: #dedede;
}
.ui h3 a {
    color: another color;
}