使用css屬性:nth-child(n)匹配選擇第n個子元素
發(fā)布時間：2014-07-29 14:47:34 作者：佚名 
我要評論
我要評論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），不論元素的類型。
復制代碼
代碼如下:<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），不論元素的類型。
相關文章
詳解CSS nth-child與nth-of-type的元素查找方式
這篇文章主要介紹了詳解CSS nth-child與nth-of-type的元素查找方式的相關資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-22css :nth-child與:nth-of-type之小解
css :nth-child與:nth-of-type之小解,需要的朋友可以參考下。2011-10-07
nth-child 選擇器 選擇指定選擇器的父元素下的 指定選擇器元素，這篇文章主要介紹了CSS中nth-child 的使用示例教程,需要的朋友可以參考下2023-06-26
