Question

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

<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子元素。在这种情况下是锚标记，而不是div元素。

因此，如果您要定位第一个锚标记，则应该.glad-help > a:first-of-type代替{（1}}）。

Answer 2

<强> Demo

CSS

.gad-help a span:first-of-type {
    font-size: 12px;
    text-align: center;
    border: 2px solid red;
    padding: 0px 10px;
    color:red;
}

如何在html标记之后定位<span>元素？</span>

2 个答案: