CSS different link styles

Question

how can I create different links styles within the same
element?
Can I do something like this?
a {
color: #999;
text-decoration: none;
a:hover {
color: #333;
a:active {
color: #999;
a.style2 {
color: #363;
text-decoration: underline;
font-weight: bold;
a.style2:hover {
color: #333;
a.style2:active {
color: #363;
And then do something like this?
<a class="style2" href="#">Request
Information</a>
Is this legit to do???
Thanks for any help!
Brian

Answer 1

Point well taken, Murray. I like that better.
Shane H
[email protected]
http://www.avenuedesigners.com
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> That's not the most efficient way, although it will
work..
>
> The best way would be to use descendent selectors, and
more generic styles
> to avoid repetition, e.g.,
>
> a { styles; } /* this will also hit named anchors if you
have any */
> a:visited { styles; }
> a:hover { styles; }
>
> #secondlinks a { styles; }
> #secondlinks a:visited { styles; }
> #secondlinks a:hover { styles; }
>
> (I have omitted the a:active pseudo-class for
convenience. This method
> will not require the explicit styling of each link the
way Shane's method
> would.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Shane H" <[email protected]> wrote
in message
> news:[email protected]...
>> Yes but do it in this order -
>>
>> a:link
>> a:visited
>> a:hover
>> a:active
>>
>> a.style2:link
>> a.style2:visited
>> a.style2:hover
>> a.style2:active
>>
>> etc.
>>
>> --
>> Shane H
>> [email protected]
>>
http://www.avenuedesigners.com
>>
>>
>> "Brian" <[email protected]> wrote in
message
>> news:[email protected]...
>>> how can I create different links styles within
the same element?
>>> Can I do something like this?
>>>
>>> a {
>>> color: #999;
>>> text-decoration: none;
>>> }
>>> a:hover {
>>> color: #333;
>>> }
>>> a:active {
>>> color: #999;
>>> }
>>>
>>>
>>> a.style2 {
>>> color: #363;
>>> text-decoration: underline;
>>> font-weight: bold;
>>> }
>>> a.style2:hover {
>>> color: #333;
>>> }
>>> a.style2:active {
>>> color: #363;
>>> }
>>>
>>>
>>> And then do something like this?
>>> <a class="style2" href="#">Request
Information</a>
>>>
>>>
>>> Is this legit to do???
>>>
>>> Thanks for any help!
>>> Brian
>>
>>
>
>