:only-of-typeVolič pseudo-triedy v CSS znamená akýkoľvek prvok, ktorý nemá žiadne súrodencov daného typu.
p:only-of-type ( color: red; )Ak selektor predchádza žiadna značka, bude sa zhodovať s ľubovoľnou značkou (napr. :only-of-type). Ak jej predchádza iný selektor, bude sa zhodovať na základe typu značky, ktorej sa selektor zhoduje. Napríklad sa .example:only-of-typebude správať, ako p:only-of-typekeby .examplesa použilo na prvok odseku.
Jednoduchý príklad
Jeden zoznam obsahuje iba jednu položku zoznamu. Ďalší zoznam obsahuje tri položky zoznamu. Môžeme zacieliť na položku zoznamu, ktorá je sama s :only-of-type.
Aj keď to možno nie je najlepší príklad, pretože :only-childby tam rovnako dobre fungoval, pretože položky zoznamu sú jedinými možnými potomkami zoznamov. Ak namiesto toho použijeme div, mohli by sme zacieliť na odsek vo vnútri div, ak je to jediný odsek, a to napriek tomu, že sú tam aj ďalšie prvky.
Poznačiť
Mimochodom, môžete dosiahnuť rovnaký výber ako :only-of-typepomocou :first-of-type:last-of-typealebo :nth-of-type(1):nth-last-of-type(1). Používajú dva reťazené selektory, čo znamená, že špecifickosť je dvojnásobná :only-of-type.
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| akýkoľvek | akýkoľvek | akýkoľvek | akýkoľvek | IE9 + | akýkoľvek | akýkoľvek |