這篇文章主要講解了“怎么用css匹配選擇屬于其父元素的第N個子元素”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“怎么用css匹配選擇屬于其父元素的第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),不論元素的類型。
感謝各位的閱讀,以上就是“怎么用css匹配選擇屬于其父元素的第N個子元素”的內容了,經過本文的學習后,相信大家對怎么用css匹配選擇屬于其父元素的第N個子元素這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。