css匹配選擇屬于其父元素的第N個子元素的方法
發(fā)布時間:2014-03-03 09:40:48 作者:佚名
我要評論

: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子元素跟父元素的高度一致的實現方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來2020-09-02
- 這篇文章主要介紹了CSS子元素選擇父元素的實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習2020-09-01
解決CSS中子元素z-index與父元素兄弟節(jié)點的層級問題
這篇文章主要介紹了解決CSS中子元素z-index與父元素兄弟節(jié)點的層級問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可2020-06-17- 這篇文章主要介紹了css中子元素設置margin-top為什么影響了父元素,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著2019-05-22
- 使用css的opcity屬性改變某個元素的透明度,但是其元素下的子元素的透明度也會被改變,即便重定義也沒有用,不過有個方法可以實現,大家可以看看2014-10-17
父元素與子元素之間的margin-top問題(css hack)
給子元素盒子一個垂直外邊距margin-top,父元素盒子也會往下走margin-top的值,遇到此問題的朋友可以參考下本文或許會有意想不到的收獲2013-03-19- 這篇文章主要介紹了css子元素相對父元素進行定位的實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起2020-09-02