這篇文章主要介紹瞭如何使用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的pointer- events屬性實作滑鼠穿透效果
#
以上是如何使用css屬性nth-child(n)匹配選擇第n個子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!