Question

我确定我之前已经这样做了，但我现在无法让这个为我工作。我有一个按钮＆＃39;结构如下：

<a class="linkclass" href="#">
    <div class="divclass">
        <h3>TITLE</h3>
    </div>
</a>

我想使用：link和a：visited来设置h3的样式，但似乎无法使CSS正确定位它并覆盖影响它的其他CSS。

谢谢！

Answer 1

选择如下：

a.linkclass > div.divclass > h3 { }
a.linkclass:hover > div.divclass > h3 { }
a.linkclass:visited > div.divclass > h3 { }

请记住，级联在CSS中非常重要...因为在您的选择器特异性中，:hover和:visited必须更大覆盖任何先前设置的选择器。

Answer 2

您可以使用例如

a:hover h3 {}

jsfiddle

Answer 3

链接应位于<h3>

内

然后你想用你最左边的包装纸把你的css放在左边，就像你一样。

＆＃13;

.divclass h3 a.linkclass {
  color: red;
  -webkit-transition:color 0.35s ease-in-out;
  transition:color 0.35s ease-in-out;
}
.divclass h3 a.linkclass:hover,.divclass h3 a.linkclass:visited {
  color: blue;
}

＆＃13;

<div class="divclass">
  <h3><a class="linkclass" href="#">TITLE</a></h3>
</div>

＆＃13;

css选择器以链接内的div内的h标记为目标

3 个答案: