CSS tip: ordem de declaração dos links

Postado por: Pedro Rogério em

Já faz muito tempo que quero falar sobre isso aqui no blog, mas hoje, vendo os meus Feeds, acabei achando uma referência legal que me fez criar coragem e escrever sobre o assunto. Quando vamos declarar no CSS os links, por exemplo, a maioria das pessoas costuma deixar de uma forma toda desorganizada, até eu já fiz muito isso, mas a ordem correta de declaração dos links é essa:


a:link {}
a:visited {}
a:hover {}
a:active {}

Para não esquecer mais, basta lembrar dessa palavrinha: LoVe HAte.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

9 Responses to “CSS tip: ordem de declaração dos links”

  1. Muito legal isso, mas porque dessa ordem, qual a diferença? Ou é apenas uma política de boa-maneira?

  2. Costumo ignorar as seguintes declaraçoes:

    - visited
    - active

    Acho que em algum casos ele ficam “MUITO” no site.

  3. @Ramon,

    Eu creio que seja uma regra de boas maneiras!!!

  4. Aprendi isso na marra.

    Tinha várias vezes q

  5. Aprendi isso na marra.

    Tinha várias vezes que colocava o hover antes do visited e ele nunca aceitava a propriedade. Na hora que inverti e funcionou ficou tudo mais claro =)

  6. Marco

    @Ramon
    Na verdade precisa ser nessa ordem para um funcionamento correto das propriedades. Como o Camilo disse se vc inverter a ordem ele pode não aceitar a propriedade e vc fica quebrando a cabeça pra arrumar.

  7. Zuliani

    link visited e active a gente define quando quer colocar uma cor diferente da própria cor definida no link…. se a cor for igual é desperdício de caracteres.

  8. O active nem funciona direito no IECA (como sempre :D )

  9. pelo que já vi na maioria das literaturas, essa ordem é de fundamental importância.
    Não obedecendo essa ordem, as coisas não funcionam

Leave a Reply