如何使用css屬性nth-child(n)匹配選擇第n個子元素

這篇文章主要介紹瞭如何使用css屬性nth-child(n)匹配選擇第n個子元素，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

css匹配選擇第n個子元素可以使用:nth-child(n) 選擇器，其匹配屬於其父元素的第N個子元素，不論元素的類型

加入要讓第二個th 佔table表格總寬度的50%.

<style type = "text/css"> 
table tr th:nth-child(2) 
</style> 
<table> 
<tr> 
<th>第一个</th> 
<th>第二个</th> 
<th>第三个</th> 
</tr> 
</table>

定義： 

#:nth-child(n) 選擇器符合屬於其父元素(這裡就是tr)的第N （這裡選擇第2個）個子元素（這裡子元素是th），不論元素的類型。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

關於CSS中的table-cell屬性的使用方法

如何使用CSS的pointer- events屬性實作滑鼠穿透效果

#

以上是如何使用css屬性nth-child(n)匹配選擇第n個子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！