DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 使用css屬性:nth-child(n)匹配選擇第n個子元素
使用css屬性:nth-child(n)匹配選擇第n個子元素
編輯:CSS詳解     
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),不論元素的類型。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved