:any-link

:any-link — псевдокласс, который совпадает со всеми «кликабельными» ссылками: и непосещёнными (:link), и посещёнными (:visited). Работает с элементами <a> и <area>, если у них есть атрибут href.

Стилизуем все ссылки одним селектором. Некликабельные <a> без href при этом не попадут под правило.

        
          
          /* Один селектор вместо пары :link и :visited */.content :any-link {  text-decoration-color: #2E9AFF;  text-decoration-thickness: 2px;}/* Альтернативно без :any-link */.content :link,.content :visited {  text-decoration-color: #2E9AFF;  text-decoration-thickness: 2px;}
          /* Один селектор вместо пары :link и :visited */
.content :any-link {
  text-decoration-color: #2E9AFF;
  text-decoration-thickness: 2px;
}

/* Альтернативно без :any-link */
.content :link,
.content :visited {
  text-decoration-color: #2E9AFF;
  text-decoration-thickness: 2px;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

:any-link объединяет :link и :visited. Это снижает дублирование в стилях и исключает случай, когда стили «проваливаются» для посещённых ссылок из‑за отсутствия отдельного правила для :visited.

Псевдокласс применяется только к элементам с действительным href. <a> без href и элементы, не являющиеся ссылками, под него не попадают.

💡 Удобно использовать как «базовый» селектор для ссылок внутри компонента: .card :any-link { … }.
💡 Для выборки только некликабельных «ссылок» используйте отрицание: a:not(:any-link).
💡 Добавляйте состояния :hover/:focus-visible к тому же набору элементов: .card :any-link:hover { … }.