css - すべての疑似クラスの子要素を選択するにはどうすればよいですか?

Question

この CSS をより簡潔に記述する方法はありますか?

.vertical > a:link,
.vertical > a:visited,
.vertical > a:hover,
.vertical > a:active
{color:blue;}

.vertical div内のすべての疑似クラスを選択し、すべてを青に設定しようとしています。

Answer 1

これはうまくいくはずです：

.vertical > a

ただし、それをオーバーライドするより強力なルールを持つことは一般的であるため、疑似クラスを使用して同等に強力なルールを作成するか、!importantまたは他のセレクターを使用して効果を確認する必要がある場合があります。

Answer 2

これは、クラス要素a内のすべてのタグに対してできる基本的なものです。.vertical

.vertical a {color:blue;}

また：

.vertical > a {color:blue;}

a.vertical クラスの直接の子であるタグの場合。