html - CSS 选择卡住

Question

如何选择 <a>在 CSS 中只在这些 div 内的标签？

<div id="myDiv">
    <div id="innerDiv1">
        <a href="...">Some Link 1</a>
    </div>
    <div id="innerDiv2">
        <a href="...">Some Link 2</a>
    </div>
</div>

Answer 1

如果您只想选择 innerDiv1 内的 a 标签，请执行以下操作:

#innerDiv1 a {
}

这里有一个问题，因为您有多个 id。不要对多个元素使用相同的 id。相反，使用像这样的 class:

<div id="myDiv">
    <div class="innerDiv1">
        <a href="...">Some Link 1</a>
</div>
    <div class="innerDiv1">
        <a href="...">Some Link 2</a>
    </div>
</div>

然后像这样设置样式:

.innerDiv1 a {
}