css匹配選擇屬于其父元素的第N個(gè)子元素的方法
發(fā)布時(shí)間：2014-03-03 09:40:48 作者：佚名 
我要評(píng)論
我要評(píng)論:nth-child(n) 選擇器匹配屬于其父元素的第 N 個(gè)子元素，不論元素的類型。下面有個(gè)不錯(cuò)的示例，大家可以參考下
加入要讓第二個(gè) th 占table表格總寬度的50%.
<style type = "text/css">
table tr th:nth-child(2)
</style>
<table>
<tr>
<th>第一個(gè)</th>
<th>第二個(gè)</th>
<th>第三個(gè)</th>
</tr>
</table>
定義：
:nth-child(n) 選擇器匹配屬于其父元素(在這里就是tr)的第 N （這里選擇第2個(gè)）個(gè)子元素（這里子元素是th），不論元素的類型。
復(fù)制代碼
代碼如下:<style type = "text/css">
table tr th:nth-child(2)
</style>
<table>
<tr>
<th>第一個(gè)</th>
<th>第二個(gè)</th>
<th>第三個(gè)</th>
</tr>
</table>
定義：
:nth-child(n) 選擇器匹配屬于其父元素(在這里就是tr)的第 N （這里選擇第2個(gè)）個(gè)子元素（這里子元素是th），不論元素的類型。
相關(guān)文章
CSS子元素跟父元素的高度一致的實(shí)現(xiàn)方法
這篇文章主要介紹了CSS子元素跟父元素的高度一致的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)2020-09-02- 這篇文章主要介紹了CSS子元素選擇父元素的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)2020-09-01
解決CSS中子元素z-index與父元素兄弟節(jié)點(diǎn)的層級(jí)問(wèn)題
這篇文章主要介紹了解決CSS中子元素z-index與父元素兄弟節(jié)點(diǎn)的層級(jí)問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可2020-06-17
css中子元素設(shè)置margin-top為什么影響了父元素
這篇文章主要介紹了css中子元素設(shè)置margin-top為什么影響了父元素，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著2019-05-22- 使用css的opcity屬性改變某個(gè)元素的透明度，但是其元素下的子元素的透明度也會(huì)被改變，即便重定義也沒(méi)有用，不過(guò)有個(gè)方法可以實(shí)現(xiàn)，大家可以看看2014-10-17
父元素與子元素之間的margin-top問(wèn)題(css hack)
給子元素盒子一個(gè)垂直外邊距margin-top,父元素盒子也會(huì)往下走margin-top的值，遇到此問(wèn)題的朋友可以參考下本文或許會(huì)有意想不到的收獲2013-03-19
css子元素相對(duì)父元素進(jìn)行定位的實(shí)現(xiàn)
這篇文章主要介紹了css子元素相對(duì)父元素進(jìn)行定位的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起2020-09-02
