:only-of-typePseido klases selektors CSS apzīmē jebkuru elementu, kuram nav vecvecākus no konkrētā veida.
p:only-of-type ( color: red; )Ja pirms atlasītāja nav neviena taga, tas atbilst jebkuram tagam (piemēram, piemēram :only-of-type). Ja pirms tā atrodas cits atlasītājs, tas tiks saskaņots, pamatojoties uz atlasītāja atbilstošā taga veidu. Piemēram .example:only-of-type, rīkosies tāpat kā p:only-of-typetad, ja tas .exampletiek lietots rindkopas elementam.
Vienkāršs piemērs
Vienā sarakstā ir tikai viens saraksta vienums. Citā sarakstā ir trīs saraksta vienumi. Mēs varam atlasīt to saraksta vienumu, kurš ir viens pats :only-of-type.
Lai gan varbūt tas nav labākais piemērs, jo :only-childtas tur darbotos tikpat labi, jo saraksta vienības ir vienīgie iespējamie bērnu saraksti. Ja tā vietā izmantosim divs, mēs varētu mērķēt uz rindkopu div, ja tā ir vienīgā rindkopa, neskatoties uz to, ka tur atrodas arī citi elementi.
Atzīmēt
Kā jautri malā, jūs varētu sasniegt tādu pašu izvēli kā :only-of-typear :first-of-type:last-of-typevai :nth-of-type(1):nth-last-of-type(1). Tie tomēr izmanto divus ķēdes selektorus, kas nozīmē, ka specifika ir divkārša nekā :only-of-type.
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | Jebkurš | Jebkurš | Jebkurš | IE9 + | Jebkurš | Jebkurš |