html - 是否可以使用 CSS 定位 div 的第一个孩子？

Question

是否可以定位第一个.col/h2并添加 CSS 样式padding-top:0px？

<div class="container">
    <div class="holder">
        <article class="col"><h2><a href="xxx">xxxx</a></h4></article>
        <article class="col"><h2><a href="xxx">xxxx</a></h4></article>
        <article class="col"><h2><a href="xxx">xxxx</a></h4></article>
        <article class="col"><h2><a href="xxx">xxxx</a></h4></article>
    </div>
</div>

Answer 1

您可以使用伪类:first-child来完成此操作。

.container .holder article:first-child {
padding-top: 0px;
}

另外，请注意，您正在<h2>使用</h4>.

Answer 2

是的，这是可能的。使用:first-child：

.col:first-child h2 {
    padding-top: 0px;
}

:first-child

:first-childCSS 伪类表示作为其父元素的第一个子元素的任何元素。

Answer 3

演示

伪类：第一个孩子

.col h2:first-child {
    padding-top: 0;
}