Question

您好我正在尝试添加颜色更改悬停到3行文本，在同一div中有三种不同的CSS样式。我已添加到开头和结尾，但效果仅适用于第一行文本。有人可以帮忙吗？

CSS

a.specialeffects:hover {
    color: #666;

HTML

<div class="box1" id="box1">
<div class="box1text" id="box1text"><a class="specialeffects"> what<br />
<span class="wedotext">we do</span><br />
<span class="wedowee">event styling &amp; design packages</span></a></div>

Answer 1

这是你想要的吗？

http://jsfiddle.net/zTqLX/

<强> HTML

<div class="box1" id="box1">
<div class="box1text" id="box1text">
    <a class="specialeffects">
        <p>what</p>
        <p><span class="wedotext">we do</span><br /></p>
        <p><span class="wedowee">event styling &amp; design packages</span></p>
    </a>
</div>

<强> CSS

.specialeffects p:hover {
    color: #F66;
}

修改

要同时更改所有颜色，请尝试以下操作：

.specialeffects:hover { color: #F66; }

http://jsfiddle.net/zTqLX/1/

在悬停的同时让3行文字改变颜色 - 请帮忙

1 个答案: