CSS tip: ordem de declaração dos links
Postado por: Pedro Rogério emJá 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.
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.
Muito legal isso, mas porque dessa ordem, qual a diferença? Ou é apenas uma política de boa-maneira?
Costumo ignorar as seguintes declaraçoes:
- visited
- active
Acho que em algum casos ele ficam “MUITO” no site.
@Ramon,
Eu creio que seja uma regra de boas maneiras!!!
Aprendi isso na marra.
Tinha várias vezes q
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 =)
@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.
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.
O active nem funciona direito no IECA (como sempre
)
pelo que já vi na maioria das literaturas, essa ordem é de fundamental importância.
Não obedecendo essa ordem, as coisas não funcionam