[thelist] CSS class for Links

[Gary Finnigan]

So it's the sequence that they appear in the sheet right?
Regards
Gary
----- Original Message -----
From: "Mark Cheng" <mark.cheng at ranger.com.au>
To: <thelist at 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 at lists.evolt.org
> >[mailto:thelist-admin at lists.evolt.org]On Behalf Of Gary Finnigan
> >Sent: 29 August 2001 11:41
> >To: thelist at 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 at ranger.com.au>
> >To: <thelist at 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 at 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 !