为什么 DIV > A > TEXT + DIV > A > TEXT 2 不起作用？ [复制]答案

【问题标题】：Why DIV > A > TEXT + DIV > A > TEXT 2 doesn't work? [duplicate]为什么 DIV > A > TEXT + DIV > A > TEXT 2 不起作用？ [复制]
【发布时间】：2020-12-11 17:48:41
【问题描述】：

这真的让我很困惑。为什么第二个例子不起作用？

这很好 - div 在悬停时被勾勒出来。

a:hover > div {
    outline: 1px solid red;
}

<div>
    <a href="#">
        TEXT
        <div>
            TEXT 2
        </div>
    </a>
</div>

只要我将 A 添加到 div 中。 div 不再被概述？

a:hover > div {
    outline: 1px solid red;
}

<div>
    <a href="#">
        TEXT
        <div>
            <a href="">TEXT 2</a>
        </div>
    </a>
</div>

HTML 标准有什么东西吗？

UPD：谢谢你们的回答，伙计们，实际上我没有意识到我嵌套了锚。不知何故，这对我的大脑来说并不明显。

【问题讨论】：

你不应该在彼此之间嵌套锚元素。这没有意义。
我不相信你可以有嵌套的锚标签。如果你点击里面的那个，你会打开哪个链接？
为什么这篇文章被否决了？

标签： html css

【解决方案1】：

因为你不能使用交织在一起的a标签。

浏览器编译你的html代码的方式不同。

尝试替换 <a href="#"> 和 <div>

【讨论】：