CSS :nth-last-of-type() 伪类
- Mtu wa kuzingatia :nth-last-child()
- Mtu wa kifo :nth-of-type()
- Retunza kufikia ukubwa wa juu Kitabu cha mafanikio ya kina cha msichana cha CSS
定义和用法
CSS :nth-last-of-type(n)
伪类用于匹配作为其父元素中特定类型的倒数第 n kila mabaki ya mabaki ya kwanza ya kuzingatia.
n Inaweza kuwa namba/kitambaa, neno la kawaida (gani au gani) au fomu (kama an + b).
Mambo ya kuzingatia:Tazama :nth-last-child()
Tabia ya kumwambia mabaki ya mabaki ya kwanza ya kuzingatia kama mabaki ya kwanza ya kuzingatia ya kwanza ya kuzingatia ya kwanza ya kuzingatia. n mabaki ya mabaki ya kwanza ya kuzingatia, bila kuzingatia aina yao.
Mfano
Mfano 1
Tumewaataa rangi ya mabaki ya barua kwa barua ambazo ni mabaki ya p ya kwanza ya kuzingatia kama mabaki ya p ya kwanza ya kuzingatia.
Wakati huo, tumewaataa rangi ya mabaki ya barua kwa barua ambazo ni mabaki ya li ya kwanza ya kuzingatia kama mabaki ya li ya kwanza ya kuzingatia.
p:nth-last-of-type(2) { mabaki: kijani; } li:nth-last-of-type(3) { mabaki: kijani; }
Mfano 2
gani
na gani
ni neno la kawaida, kinaweza kutumiwa kumwambia mabaki ya gani au gani ya kwanza (mabaki ya kwanza ya mabaki ya kwanza ni 1).
Hapa, tumewaataa rangi ya mabaki ya barua kwa barua kwa mabaki ya gani na gani.
p:nth-last-of-type(gani) { mabaki: kijani; } p:nth-last-of-type(gani) { mabaki: kijani; }
Mfano 3
Tumekuwaana ambalo ni fomu (an + b). Maelezo: a ni tofauti ya hatua, n ni kila namba ya siku ya kwanza, b ni tofauti ya namba ya kuzingatia.
Hapa, tumewaataa rangi ya mabaki ya mabaki ya 3 kwa barua na <li> zote.
p:nth-last-of-type(3n) { mabaki: kijani; } li:nth-last-of-type(3n) { mabaki: kijani; }
Makadara ya CSS
:nth-last-of-type(index | mabara | mabara ya kwanza | an+b) { maulizo ya css; }
Maelezo ya teknolojia
Versio: | CSS3 |
---|
Muungano wa kufungua
Mafuatili ya tabia hizi inamielea sababu ya kwanza ya kusimamia tabia hii kwa kufungua kwa kawaida kwa programu ya kusoma mawasiliano.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
- Mtu wa kuzingatia :nth-last-child()
- Mtu wa kifo :nth-of-type()
- Retunza kufikia ukubwa wa juu Kitabu cha mafanikio ya kina cha msichana cha CSS