Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css选择器以链接内div内的h标记为目标_Html_Css - Fatal编程技术网

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

Html css选择器以链接内div内的h标记为目标,html,css,Html,Css,我肯定我以前做过这件事,但我现在不能让它为我工作。我有一个这样的“按钮”: <a class="linkclass" href="#"> <div class="divclass"> <h3>TITLE</h3> </div> </a> a.linkclass > div.divclass > h3 { } a.linkclass:hover > div.divclass

我肯定我以前做过这件事,但我现在不能让它为我工作。我有一个这样的“按钮”:

<a class="linkclass" href="#">
    <div class="divclass">
        <h3>TITLE</h3>
    </div>
</a>
a.linkclass > div.divclass > h3 { }
a.linkclass:hover > div.divclass > h3 { }
a.linkclass:visited > div.divclass > h3 { }
我想使用a:link和a:visted来设计h3,但似乎无法使CSS正确地针对它,并超越其他影响它的CSS

谢谢

像这样选择:

<a class="linkclass" href="#">
    <div class="divclass">
        <h3>TITLE</h3>
    </div>
</a>
a.linkclass > div.divclass > h3 { }
a.linkclass:hover > div.divclass > h3 { }
a.linkclass:visited > div.divclass > h3 { }
记住,级联在CSS中很重要。。。正如在选择器中一样:hover和:visitored的特殊性必须更大,才能覆盖以前的任何集合选择器。

您可以使用例如

a:hover h3 {}

链接应该在你的

然后你想把你的css和你最外层的包装放在左边,这样你就可以工作了

.divclass h3 a.linkclass{ 颜色:红色; -webkit过渡:颜色0.35s易入易出; 过渡:颜色0.35s缓进缓出; } .divclass h3 a.linkclass:悬停,.divclass h3 a.linkclass:已访问{ 颜色:蓝色; }
链接应该是结构的最里面的元素,在里面。我们可以看到你的尝试吗?将你尝试过的CSS添加到问题中a标签不能包含块元素吗?是的。。。a标记可以包含流内容。。。所以不要告诉人们它不能在HTML5中使用,他们可能会包装段落和表格等内容,但在某些内容情况下,这不是你认为链接会带来的内容之一,我不知道,因为它只支持我刚才说的内容。看,标题在链接之前都是标题,所以链接永远不会将其包装。一个段落可以是与其他内容相关的摘录,所以在它成为段落之前它是一个链接,所以你可以在它上面包装一个链接,但这只在HTML5中有效-也不要因为评论是你发起的而对某人投否决票太粗鲁。。。我想帮助你和这个问题的负责人。。。a-标签可以容纳块元素,包括div和H1-2-3-4-5-6等。