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

-1

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

<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>

来源

2013-10-22 rolu

这个问题是题外话，因为它是问可能性** **和**是不是一个具体的编码题**。如果你想知道是否有可能，你应该**研究**并尝试实现**。如果你在做这件事情时遇到了问题，那么你可以提出一个**特定**问题，**显示你写的代码**，你的预期结果和你的实际结果。 –

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

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

:first-child

的:first-child CSS伪类表示其父的第一个子元素的元素。

来源

2013-10-22 17:38:58 MarcinJuraszek

谢谢，我试了一下，它的工作原理。我只是不确定，因为如果使用：我的第一个孩子只适用于列表，我在这里发布之前尝试过。 – rolu

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

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

此外，刚抬起头，你有</h4>关闭您的<h2>标签。

来源

2013-10-22 17:37:15 JSW189

DEMO

伪类：第一胎

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

来源

2013-10-22 17:40:15 underscore

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

回答

相关问题