Question

你有什么想法为什么sass不认识孩子而是创造了新的障碍？

HTML：

<div class="menu_inside">
    <a href="#" class="menu_link">Map</a>
    <a href="#" class="menu_link">Users (8 / 39)</a>
    <a href="#" class="menu_link">Events</a>
    <a href="#" class="menu_link" id="menu_content">Content
        <div class="menu_div_dropdown">
             <a>sdfsd</a>
        </div>
    </a>
    <a href="#" class="menu_link">Setup</a>
    <a href="#" class="menu_link">Logs</a>
</div>

CSS：

.menu_inside {
  float: right;
  text-align: center;
}
.menu_inside .menu_link {
  color: #353434;
  font-size: 11px;
  border-right: 1px #cecccc solid;
  float: left;
  min-width: 53px;
  padding: 10px 20px 9px 20px;
}
.menu_inside .menu_link:first-child {
  border-left: 1px #cecccc solid;
}
.menu_inside .menu_link:hover {
  background-color: #FFF;
}
.menu_inside #menu_content .menu_div_dropdown {
  display: none;
  position: absolute;
}
.menu_inside #menu_content:hover .menu_div_dropdown {
  display: block;
}

我检查了chrome上的inspect元素，它显示我的sdfsd在新块中，但不是作为Content子元素。如果我从 sdfsd 中删除a，则表示一切正常。有任何想法吗？谢谢

Answer 1

你不能在一个锚标签内有一个div ...内联元素中的块元素在语义上是不正确的。最重要的是，您在锚标记中有一个锚标记。在语义上也是不正确的。将div设为span并删除内部锚点，或将代码重写为其他内容。

<强>更新我为HTML5做了更正......

HTML 5声明<a>元素可以包裹在整个段落，列表，表格等中，甚至整个部分，只要其中没有交互式内容（例如按钮或其他链接） ”

但是根据您在另一个链接中有链接的事实，您的代码仍然是错误的。你仍然需要解决这个问题。

页面无法识别我的样式

1 个答案: