Comments on: Quick tip: CSS link ordering

By: Dave

Dave — Tue, 09 Oct 2007 08:49:01 +0000

John, that’s true if you’re going to change the order but if you want to combine the styles and keep them in the same order then you shouldn’t have any problems using the comma as far as I’m aware.

I would usually declare them all separately though apart from the a, a:link values.

By: John Porter

John Porter — Mon, 08 Oct 2007 23:24:44 +0000

I found that even if you want to apply the same styles to two of the link types (i.e. a:link, a:hover), it is still better to do them all separately and not use the comma separator. Some browsers can mash this up and your styles will not be effective.

Good piece of advice, I will also emphasize this with you…

This is not a tip, it is a must!

By: CSS TIP: ORDEM DE DECLARAÇÃO DOS LINKS » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards

Fri, 05 Oct 2007 14:50:44 +0000

[...] 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, [...]

By: Dave

Dave — Wed, 18 Jul 2007 07:43:55 +0000

The order should be like this due to link specificity. For example, moving the a, or a:link to the end of the CSS would stop the active and visited from working due to them being superseded by the a and a:link styles.

Using CSS in this correct order will ensure that all the styles applied to each state will be rendered correctly.

By: David Zemens

David Zemens — Tue, 17 Jul 2007 12:41:25 +0000

Great tip, Dave. I was aware of this, but wonder if you can shed some light on why the order needs to be so?