CSS :türünün sonuncusu() Seçici
Örnek
Son alt öğeden başlayarak üst öğesinin ikinci p öğesi olan her <p> öğesi için bir arka plan rengi belirtin:
p:nth-last-of-type(2)
{
background: red;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçici , son alt öğeden başlayarak ebeveyninin belirli bir türün n'inci çocuğu olan her öğeyle eşleşir .:nth-last-of-type(n)
n bir sayı, bir anahtar sözcük veya bir formül olabilir.
İpucu: :nth-last-child() seçicisine bakın , türünden bağımsız olarak ebeveyninin n'inci çocuğu olan öğeyi, son alt öğeden itibaren sayarak seçin .
| Sürüm: | CSS3 |
|---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Selector | |||||
|---|---|---|---|---|---|
| :nth-last-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS Sözdizimi
:nth-last-of-type(number) {
css declarations;
}
Daha fazla örnek
Örnek
Tek ve çift, dizini tek veya çift olan alt öğeleri eşleştirmek için kullanılabilen anahtar sözcüklerdir (ilk alt öğenin dizini 1'dir).
Burada tek ve çift p öğeleri için iki farklı arka plan rengi belirledik:
p:nth-last-of-type(odd)
{
background: red;
}
p:nth-last-of-type(even)
{
background: blue;
}
Örnek
Bir formül kullanarak ( an + b ). Açıklama: a bir döngü boyutunu temsil eder, n bir sayaçtır (0'dan başlar) ve b bir ofset değeridir.
Burada, dizini 3'ün katı olan tüm p öğeleri için bir arka plan rengi belirledik:
p:nth-last-of-type(3n+0)
{
background: red;
}