没有div或span的类中的伪类

时间:2017-02-26 20:59:48

标签: html css

我想知道是否可以为特定类放置伪类。例如,

insert

我想要做的是为自己内部的类视频创建一个css文件,并访问像悬停,活动和访问过的伪类。

我知道这样做的一种方法是

<p> You can get youtube <a class="video" href="www.video.com"> here </a> </p>.

将css文件写为

<p> <span class="video"> You can get video <a href="www.video.com"> here </a> </span> </p>

但我不想使用span / div。我想把我的HTML写成

.video a:hover{something}
.video a:active{something}

仍然可以访问&#34; a&#34;的伪类。为课堂&#34;视频&#34;。有可能吗?

1 个答案:

答案 0 :(得分:2)

在你的文件video.css中,你可以这样做:

.video:hover {
    color: #ff0000;
}

Pseudo class将应用于带有类视频的所有标签。

如果课堂视频可以在其他标签上而不是&#34; a&#34;你也可以写这样的东西。 tag:

a.video:hover {
    color: #ff0000;
}

Pseudo class仅适用于&#34; a&#34;用类视频标记。请注意,&#34; a&#34;之间没有空格。和&#34; .video&#34;因为课堂视频在&#34; a&#34;标签。