是否可以使用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的第一個孩子？

回答

相關問題