是否可以使用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-child CSS伪类表示作为其父元素的第一个子元素的任何元素。

Answer 3

DEMO

伪班：第一个孩子

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