Movatterモバイル変換


[0]ホーム

URL:


  1. Tecnologia Web para desenvolvedores
  2. CSS
  3. Guides
  4. Seletores CSS
  5. Privacidade e o seletor :visited

Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.

View in EnglishAlways switch to English

Privacidade e o seletor :visited

Antes de 2010, o seletorCSS:visited permitia que websites descobrissem o histórico de navegação dos usuários e quais sites estes haviam visitado. Isto foi feito por meio dowindow.getComputedStyle e outras tecnicas. Este processo era fácil de ser feito, e tornou possível não somente determinar onde os usuários estiveram na internet, mas também poderia ser usado para descobrir um monte de informação sobre a identidade destes.

Para contornar este problema, Gecko 2 implementou atualizações de privacidade para limitar a quantidade de informações que poderiam ser obtidas através dos links visitados. Outros navegadores também fizeram mudanças similares.

Pequenas mentiras brancas

Para preservar a privacidade dos usuários, Firefox e outros navegadores irão mentir para aplicações webs sob certas circustâncias:

  • O métodowindow.getComputedStyle, e funções similares tal comoelement.querySelector, sempre retornarão valores indicando que os usuários nunca visitaram quaisquer links em uma página.
  • Se você usa seletores comoseletores de irmãos como:visited + span, o elemento imediato (span neste exemplo) será estilizado como se o link não houvesse sido visitado.
  • Em raros casos, se você está utilizando elementos de links aninhados e o elemento que está sendo correspondido é diferente do link cuja presença no histórico está sendo testado, o elemento também será renderizado como se o link não houvesse sido visitado.

Limites para estilos de links visitados

Você pode estilizar links visitados, porém existem limites de quais estilos você pode usar. Somente os seguintes estilos podem ser aplicados para links visitados:

Em adição, mesmo para os estilos acima, você não poderá alterar a transparência entre links visitados e não visitados, ou de outra maneira você seria capaz de usarrgba(),hsla(), ou a palavra chavetransparent.

Aqui está um exemplo de como estilizar com as restrições acima mencionadas:

css
:link {  outline: 1px dotted blue;  background-color: white;  /* O valor padrão de background-color é `transparent`. Você precisa     especificar um valor diferente, caso contrário as mudanças     feitas em :visited não se aplicam. */}:visited {  outline-color: orange; /* Links visitados tem contornos laranja */  background-color: green; /* Links visitados tem um fundo verde */  color: yellow; /* Links visitados tem texto amarelo */}

Impacto nos desenvolvedores web

No geral, essas restrições estas restrições não deveriam afetar desenvolvedores web tão significamente. Eles poderiam, como sempre, They may, no entanto, requerer essas seguintes mudanças nos sites existentes:

  • Usar imagens de fundo para estilizar links baseados se eles foram visitados não irá funcionar, desde que apenas cores podem ser usadas para estilizar links visitados.
  • As cores que são transparentes deixarão de aparecer se estilizados em seletores:visited.

Veja também

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp