更多"Try it Yourself"下面的例子。
定義和用法
本:nth-last-child( n )選擇每一個元素,它是相匹配n個孩子,無論哪種類型,其母公司,從最後一個孩子計數。
n可以是一個數字,一個關鍵字,或公式。
Tip:看:nth-last-of-type()選擇器選擇是這樣的元素n個孩子, of a specified type ,其母公司,從最後一個孩子計數。
版: | CSS3 |
---|
瀏覽器支持
在表中的數字指定完全支持選擇第一瀏覽器的版本。
選擇 | |||||
---|---|---|---|---|---|
:nth-last-child() | 4 | 9 | 3.5 | 3.2 | 9.6 |
CSS語法
更多示例
例
奇數和偶數是可用於匹配的子元素索引為奇數或偶數的關鍵字。
在這裡,我們指定奇數和偶數p元素兩種不同的背景顏色,從最後一個孩子計數:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
試一試» 例
使用公式( an + b ) 。 說明: a代表一個週期的大小, n是一個計數器(starts at 0)並且b是偏移值。
在這裡,我們為所有p元素,其指數是3的倍數,從最後一個子計數背景色:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
試一試»