html - 禁用 的 div 类来设置 的样式

Question

我有这段代码可以设置 <a href="#"> 的样式:

<div class="styled">
    <a href="#">link</a>
    <div class="notStyled">
        <a href="#">another link</a>
    </div>
</div>

第一个链接有一个样式，第二个链接有相同的样式，我希望它像一个干净的链接一样默认。

Answer 1

在这里，试试这个 JSFiddle example ,

.styled > a {
  color:black;
}

这里使用的 > 意味着它只选择 .styled 的直接子代，而不是所有子代。

您可能正在做的是 .styled a，它会选择所有子项(甚至嵌套在其他子项中)，您不想那样做...