:only-of-type
Селектор Псеудо-класе у ЦСС-у представља било који елемент који нема браће и сестара датог типа.
p:only-of-type ( color: red; )
Ако ниједна ознака не претходи бирачу, подудараће се са било којом ознаком (нпр. :only-of-type
). Ако му претходи други селектор, подудараће се на основу типа ознаке која се селектор подудара. На пример .example:only-of-type
, понашаће се као p:only-of-type
да .example
се примењује на елемент пасуса.
Једноставан пример
Једна листа садржи само једну ставку листе. Друга листа садржи три ставке листе. Можемо циљати ставку листе која је сама :only-of-type
.
Погледајте ову оловку!
Иако то можда и није најбољи пример, јер :only-child
би тамо функционисао једнако добро, јер су ставке листе једино могуће подређено место листа. Ако уместо тога користимо див, могли бисмо циљати пасус унутар див-а ако је то једини пасус, упркос томе што су и други елементи тамо.
Погледајте ову оловку!
Напоменути
Као забаву на страну, могли бисте постићи исти избор као :only-of-type
код :first-of-type:last-of-type
или :nth-of-type(1):nth-last-of-type(1)
. Они користе два ланчана селектора, што значи да је специфичност двоструко већа од :only-of-type
.
Подршка прегледача
Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
---|---|---|---|---|---|---|
Било који | Било који | Било који | Било који | ИЕ9 + | Било који | Било који |