Как выбрать все дочерние элементы псевдокласса?

Question

Есть ли более сжатый способ написания этого CSS?

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

Я просто хочу выбрать все псевдоклассы a внутри .vertical divи установите все на синий.

Answer 1

Это должно работать:

.vertical > a

Обычно более сильное правило переопределяет его, поэтому вам, возможно, придется использовать псевдоклассы для создания такого же строгого правила или использовать !important или другие селекторы, чтобы увидеть эффекты.

Answer 2

Это так просто, как вы можете сделать это для всех тегов a в элементе класса .vertical:

.vertical a {color:blue;}

или

.vertical > a {color:blue;}

для a тегов, которые являются непосредственными потомками класса .vertical.