Posted by Roy A. on 01/20/07 07:38

Ben C skrev:
> On 2007-01-18, dfloss <dfloss@imap.com> wrote:
> > given this css:
> >
> > .no_left_border {border-left: 0px solid}
> > table td {border-left: 1px solid}
> >
> ><td class="no_left_border"> <-- doesn't work -->
> ><td style="border-left: 0px solid"> <-- works -->
> >
> > Can someone explain the behind the scenes reasons?
>
> table td is more "specific" than .no_left_border, so wins. But the style
> attribute is more specific still.
>
> See http://www.w3.org/TR/CSS21/cascade.html, particularly 6.4.3
> "Calculating a selector's specificity".

I notice that the pseudo-classes :link, :visited, :active, :focus,
:hover have the same weight.

According to these rules, putting these classes in a certain order in
the stylesheet doesn't make sense. By using an element name before the
pseudo-class, e.g. a:active, would ensure that this style take
precedence. But, is there any default cascading order for these
classes? I suspect it is vendor specific.

[Back to original message]