: qualquer link - CSS-Tricks

Anonim

A :any-linkpseudo-classe em CSS fornece um método para selecionar elementos que são a âncora de origem de um hiperlink.

Se a âncora de origem termo perdi você, que é um nome fantasia para o href atributo nos elementos HTML , e . (Por que você precisaria direcionar um ou em CSS está além de mim, mas hey.) A especificação HTML tem muito mais informações sobre isso.

Um elemento que aceita e contém um hrefatributo é um hiperlink e será selecionado com :any-link. Isso se torna uma maneira prática de selecionar todos os elementos HTML baseados em link que, de outra forma, podem parecer não relacionados e sem tocar na marcação. Talvez exista porque você pode pensar :linkque selecionaria todos os links, mas não existe :visited, então isso os agrupa.

Funcionalmente, é como o seletor de atributos (href).

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

É importante notar que também podemos selecionar os mesmos elementos HTML usando a :matches()pseudo-classe. Por exemplo, :matches(:link, :visited)selecionará os mesmos elementos que :any-link.

Outra coisa a observar é que a especificação está solicitando sugestões de nomes alternativos para este seletor no momento em que este livro foi escrito. Embora não esteja claro se o nome será alterado, a :matches()pseudo-classe foi nomeada anteriormente, o :any()que pode ser uma indicação.

Suporte para navegador

O :any-linkpseudo-elemento é considerado um recurso experimental e faz parte da especificação de Seletores Nível 4, que está atualmente em status de esboço de trabalho.

Para obter suporte completo, você deseja usá-lo com o prefixo:

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

E lembre-se de não separar por vírgulas esses seletores para combiná-los, pois os navegadores jogam os seletores com partes que eles não entendem.

Suporte para navegador

Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.

Área de Trabalho

cromada Raposa de fogo IE Beira Safári
15 * 3 * Não 79 6,1 *

Celular / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4,4 * 6,0-6,1 *

Relacionado

  • :link
  • :matches()
  • :visited

Mais Informações

  • Especificação de nível 4 dos seletores (esboço de trabalho)
  • Documentação Mozilla