定義和用法
本:nth-of-type( n )選擇器選擇的是所有元素n th孩子一個特定類型的父母的。
提示:使用:nth-child()選擇器選擇的是所有元素n th孩子,無論類型 ,他們的父母。
句法
:nth-of-type( n |even|odd| formula )
參數 | 描述 |
---|---|
n | 每個孩子的指數相匹配。 必須是一個數字。 第一元件具有索引號1。 |
even | 選擇每個連子元素 |
odd | 選擇每個奇數子元素 |
formula | 指定哪個子元件(多個),以與式來選擇( an + b ) 。 例如: p:nth-of-type(3n+2)選擇每個第3段,開始在第2段 |
試一試 - 示例
選擇每個<p>元素是第二<p>所有的元素<div>元素
如何選擇每個<p>元素是第二<p>所有的元素<div>元素。
使用式(一個+ b)的
如何使用一個公式( an + b )選擇不同的子元素。
使用"even"和"odd"
如何使用奇數和偶數選擇不同的子元素。
區別:nth-child() :第n-最後一子() , :nth-last-child() :第n-的類型()和:nth-of-type() :第n-的倒數型() :nth-of-last-type()
之間的差p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2)和p:nth-of-last-type(2)