CSS:复杂的选择器:parent和:not

时间:2012-07-25 05:37:42

标签: css css-selectors

我有这个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;}

但这不起作用。 任何解决方案?

1 个答案:

答案 0 :(得分:9)

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

相反,我建议您设置所有a代码的样式,然后在a个代码中的h3个代码中添加a { color: #dedede; } .ui h3 a { color: another color; } 个标记:

{{1}}