: било која веза - ЦСС-трикови

Anonim

:any-linkПсеудо-класе у ЦСС обезбеђује поступак за избор елемената који су извор сидро хипервезу.

Ако вас термин извор сидро изгубљено, то је име фенси за href атрибут на ХТМЛ елемената , и . (Зашто бих требао циљати ЦСС или у ЦСС-у, то је изван мене, али хеј.) ХТМЛ спецификација има пуно више информација о томе.

Елемент који прихвата и садржи hrefатрибут је хипервеза и биће изабран са :any-link. Ово постаје практичан начин одабира свих ХТМЛ елемената заснованих на везама који би у супротном могли изгледати неповезани и без додиривања ознака. Можда постоји јер можда мислите да :linkби одабрали све везе, али промашује :visited, па их ово све заједно замотава.

Функционално, то је баш попут селектора атрибута (href).

Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )

Вреди напоменути да бисмо такође могли да изаберемо исте ХТМЛ елементе користећи :matches()псеудо-класу. На пример, :matches(:link, :visited)изабраће исте елементе као :any-link.

Још једна ствар коју треба приметити је да спецификација тренутно тражи алтернативне предлоге имена за овај бирач у време овог писања. Иако није јасно да ли ће се име променити, :matches()псеудо-класа је раније именована, :any()што би могло бити индикација.

Подршка прегледача

:any-linkПсеудо-елеменат се сматра експериментална функција и део је селектори ниво 4 спецификацији, која је тренутно у раду нацрт статус.

За потпуну подршку желите да је користите са префиксом:

:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )

И не заборавите да те селекторе не раздвајате зарезом да бисте их комбиновали, јер прегледачи бацају селекторе са деловима које не разумеју.

Подршка прегледача

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром Фирефок ИЕ Ивица Сафари
15 * 3 * Не 79 6,1 *

Мобиле / Таблет

Андроид Цхроме Андроид Фирефок Андроид иОС Сафари
88 85 4,4 * 6,0-6,1 *

Повезан

  • :link
  • :matches()
  • :visited

Више информација

  • Спецификација селектора нивоа 4 (радни нацрт)
  • Мозилла документација