html - 如何在 html 标记后定位 元素？

Question

我如何在一些 html 标签之后定位 span 的第一个 child ？我的标记是这样的:

<div class="gad-help">
    <a href="#">AdWords vodič<br><span>osigurajte najbolje rezultate</span></a>
</div>

还有我的 CSS:

.gad-help span:nth-child(1) {
        font-size: 12px;
        text-align: center;
        border: 2px solid red;
        padding: 0px 10px;        
}

但是当我使用<br>时它不会选择它标签前面的标签。

Answer 1

我认为 span:first-of-type 或 span:nth-of-type(1) 是您要查找的内容。但请注意，它们都将选择其父元素的第一个 span 子元素。在本例中是 anchor 标记，而不是 div 元素。

因此，如果你想定位第一个 anchor 标记，你应该通过 .glad-help > a:first-of-type 代替(或 :first-child 在这种情况下)。