【stylus拡張機能】既リンクに色をつけたい

質問

Chromeでstylusという拡張機能を使って、
既リンクの場合に色をつけたい（CSSを上書きしたい）と思っています。

つけたいのがnoteというページの記事一覧で、HTMLは添付画像のような構造になっています
既リンクとなった際に色をかえたいのは、h3が指定されている「タイトル」の文字の色です。（もし無理なら「本文」）

a:visited {color: #FFEEFF !important ;}
a:visited h3 {color: #FFEEFF !important ;}
a:visited div {color: #FFEEFF !important ;}
a:visited div h3 {color: #FFEEFF !important ;}

みたいな感じ指定してみたのですが、どの形でも、タイトルの文字色は変わりませんでした。（aタグとh3タグが別の層にあるから？）
他のサイトでは上手くいっているので、stylus自体は正常に動いていると思います。

CSSを理解しておらず、指定の仕方がおかしいからだと思うので、どのように指定したら良いか、分かる方居られましたら教えて頂けますでしょうか。
宜しくお願いいたします。

回答No.2

AsarKingChang

>今回のソースの場合は、どのように記載すれば既リンクの色を変えられるでしょうか？
そのCSSにあうようにHTMLを書き直すか、
https://webliker.info/css-selector-cheat-sheet/
こんな感じでの、セレクターで一致するパターンを作ればよいかと。

おまけ、Chromeの拡張機能って、単なるJavaScriptなので、
HTMLを書き換える方が慣れると楽ですがね。

お礼

一旦別の方法を考えてみます。
有難うございました。

補足

ご回答有難うございます。
教えて頂いたチートシートを見ながら色々試してみたのですが、理解力不足のため上手くいきませんでした。

<div>
<a class="link"></a>
<div>
<div></div>
<h3 class="title">タイトル</h3>
<p class="main">本文</p>
<div></div>
</div>
</div>

のような構造の場合、どのセレクタを使えば良いのでしょうか。

回答No.1

AsarKingChang

>a:visited div h3 {color: #FFEEFF !important ;}
これは、
Aタグの中のDIVの中のh3タグに対して。
なので、書かれてるソースには、階層をもったアンカーが
確認できませんでしたけど。

お礼

一旦別の方法を考えてみます。
ご回答有難うございました。

補足

ご回答有難うございます。

>Aタグの中のDIVの中のh3タグに対して。
そうですよね。仰るとおりです。
では、今回のソースの場合は、どのように記載すれば既リンクの色を変えられるでしょうか？