css - 一个样式集用于多个选择器

Question

我想将 css 样式应用于单个类 .video-title 的 a 标签尝试使用

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

和

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

第一个不应用样式，第二个适用于所有 a 标签。语法有什么问题？

Answer 1

.video-title a 将样式应用于具有 video-title 类的元素下方的所有 a 元素。例如:

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

为了选择所有具有视频标题类的元素，您必须这样做

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

代替

.video-title a