Один набор стилей для нескольких селекторов

Question

Я хочу применить стили CSS к a тегам одного класса .video-title Пытался использовать

.video-title a, .video-title a:link, .video-title a:visited{...}

и

.video-title a, a:link, a:visited {...}

Первый не применяет стили, второй применяется ко всем тегам. Что не так с синтаксисом?

Answer 1

.video-title a применяет стиль ко всем элементам, которые ниже элемента с классом video-title. например:

<p class="video-title">
    <a href="#">Link</a>
</p>

Чтобы выбрать все элементы с классом видео-заголовка, вам нужно сделать

a.video-title:hover, a.video-title:visited, a.video-title:whatever {...} 

вместо

.video-title a

Answer 2

вы хотите выбрать все a теги с классом video-title?

css делает это a.video-title