css - CSS: 複雑なセレクター :parent および :not

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 に h3 要素にクラスを追加できません。

私はこれを試します：

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

しかし、これは機能しません。解決策はありますか？

Answer 1

Kobi がコメントで指摘したように、そのような:parentセレクターはありません。

a代わりに、すべてのタグのスタイルを設定してから、別のルール内のタグa内のタグのスタイルを設定することをお勧めします:h3

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