如何使用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），不論元素的類型。

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！