: само-типа - ЦСС-трикови

Anonim

: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 + Било који Било који