На :only-of-typeселектора псевдо-клас в CSS означава всякакъв елемент, който няма роднини на дадения тип.
p:only-of-type ( color: red; )Ако нито един таг не предхожда селектора, той ще съответства на всеки таг (напр :only-of-type.). Ако друг селектор го предшества, той ще съвпадне в зависимост от вида на маркера, който селектира. Например .example:only-of-typeще се държи като p:only-of-typeако .exampleсе прилага към елемент на абзац.
Прост пример
Един списък съдържа само един елемент от списъка. Друг списък съдържа три елемента от списъка. Можем да насочим към елемента от списъка, който е сам :only-of-type.
Макар че може би това не е най-добрият пример, защото :only-childби работил също толкова добре и там, тъй като елементите от списъка са единствените възможни дъщери на списъците. Ако вместо това използваме divs, бихме могли да насочим абзац в div, ако това е единственият абзац, въпреки че и други елементи са там.
За отбелязване
Като забавление, можете да постигнете същата селекция като :only-of-typeс :first-of-type:last-of-typeили :nth-of-type(1):nth-last-of-type(1). Тези обаче използват два верижни селектора, което означава, че специфичността е двойно по-голяма от :only-of-type.
Поддръжка на браузър
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Всякакви | Всякакви | Всякакви | Всякакви | IE9 + | Всякакви | Всякакви |