[thelist] CSS class for Links

So it's the sequence that they appear in the sheet right?
Regards
Gary
----- Original Message -----
From: "Mark Cheng" <mark.cheng@ranger.com.au>
To: <thelist@lists.evolt.org>
Sent: Wednesday, August 29, 2001 5:00 AM
Subject: RE: [thelist] CSS class for Links


> The styles applied by the CSS stylesheets are cascading.  Therefore if you
> set a style on A, and then apply styles to A.mail, the A.mail styles are
> additive.
>
> That is, A styles will be applied + a.mail styles will be applied, and
> A.mail styles will override A styles where both are defined.  However, non
> overridden A styles will still apply to A.mail.
>
> EG
>
> A {color:red; border: 2px solid blue}
>
> A.mail {color:green}
>
> and this HTML
>
> <a class="mail">link</a>
>
> will result in a green link with a 2px solid blue border
>
> Could this be the problem you are having?  Maybe the underlying A style
> definitions in your stylesheet are not being overriden by declarations in
> A.mail?
>
> hth
>
> MarkC
>
> >-----Original Message-----
> >From: thelist-admin@lists.evolt.org
> >[mailto:thelist-admin@lists.evolt.org]On Behalf Of Gary Finnigan
> >Sent: 29 August 2001 11:41
> >To: thelist@lists.evolt.org
> >Subject: Re: [thelist] CSS class for Links
> >
> >
> >Mmmm. I tried that. But in IE 5.5 it doesn't work. The mail link works,
but
> >inherits the properties of the standard link that has ben set. I
> >have played
> >with the sequence in which they appear to no avail.
> >Am I missing something really basic here?
> >Regards
> >Gary
> >----- Original Message -----
> >From: "Mark Cheng" <mark.cheng@ranger.com.au>
> >To: <thelist@lists.evolt.org>
> >Sent: Wednesday, August 29, 2001 4:10 AM
> >Subject: RE: [thelist] CSS class for Links (was: RE Line lengths + screen
> >sizes (was RE: Site Critique))
> >
> >
> >> Hi Gary,
> >>
> >> For future reference you should edit the subject when changing topic!
> >>
> >> However, you can set classes for links, as follows:
> >>
> >> In the css
> >>
> >> a.mail {color:#etc; other style declarations}
> >>
> >> and in the HTML
> >>
> >> <a class="mail" href="mailto: foo@bar">This is a mail link</a>
> >>
> >> you can also set the hover, visited and link states in the css
> >>
> >> a.mail:hover {styles}
> >>
> >> hth
> >>
> >> Mark
>
>
> This email may be confidential and contain commercially sensitive
information.  Only the intended recipient may access or use it.  If you are
not the intended recipient please delete this email and notify us promptly.
> We use virus scanning software but exclude all liability for viruses or
similar in this email or any attachment.
>
>
>
> ---------------------------------------
> For unsubscribe and other options, including
> the Tip Harvester and archive of TheList go to:
> http://lists.evolt.org Workers of the Web, evolt !