我有这个HTML代码:
<div class='ui'>
<h3 class='title'>
<a href='#'>Link to Header</a>
</h3>
</div>
<a href='#'>Another link</a>
我想为所有锚点a设置一个CSS样式,但不是为一个h3元素设置为div.ui的父元素。我无法将一个类添加到锚a到h3元素中。
我试试这个:
a:not(:parent:parent.ui){color:#dedede;}
但这不起作用。 任何解决方案?
答案 0 :(得分:9)
正如Kobi在评论中指出的那样,没有这样的:parent
选择器。
相反,我建议您设置所有a
代码的样式,然后在a
个代码中的h3
个代码中添加a {
color: #dedede;
}
.ui h3 a {
color: another color;
}
个标记:
{{1}}