CSS :nth-last-of-type() 伪类

定义和用法

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;
}

Tenda kwa matokeo

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;
}

Tenda kwa matokeo

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;
}

Tenda kwa matokeo

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