/    Sign up×
Community /Pin to ProfileBookmark

Overriding CSS Hyperlink color

Copy linkTweet thisAlerts:
Oct 17.2005

Hello all!

This to some maybe as simple as 1,2,3…

I have used CSS on my site. The problem is I need control of changing hyperlink colors so that they are different on parts of the page.

My CSS is as follows…

[COLOR=DarkRed]body {
background-color: #999999;}
.Links2 { margin-left: 10; margin-right: 15; margin-top: 10; font-family: Geneva, Arial, Helvetica, san-serif; color: #B0B0B0; font-weight: bold; font-size: 12px}
.aForm { margin-top: 5; font-family: Verdana; font-size: 8pt }
.text { margin-top: 10; margin-left: 25; margin-right: 15; font-family: Arial; font-size: 11px; color: #000000 }
.text2 { margin-top: 10; margin-left: 10; margin-right: 10; font-family: Arial; font-size: 11px; color: #c3c2c2 }
.title { margin-top: 10; margin-left: 10; margin-right: 10; font-family: Arial; font-size: 18px; color: #E77A00 }
.Links { margin-left: 10; font-family: Geneva, Arial, Helvetica, san-serif; font-weight: bold; font-size: 12px; text-decoration:none}
a:link { color: #DDDDDD; text-decoration: none}
a:hover { color: #E77A00; text-decoration: none}
a:visited { color: #DDDDDD; text-decoration: none}
.login { margin-left: 5; font-family: Verdana; font-size: 10px;} [/COLOR]

Can someone help?

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@JonaOct 17.2005 — [font=trebuchet ms]You can use a class to target specific anchors (links), and then specify their pseudo-classes (:link, :visited, and :hover, in the example below). I hope this clarifies it for you.[/font]

<i>
</i>a.Links:link, a.Links:visited {
color: #DDD;
text-decoration: none;
}
a.Links:hover {
color: #E77A00;
}
a.Links2:link, a.Links2:visited {
color: #BBB;
text-decoration: none;
font-weight: bold;
}
a.Links2:hover {
font-weight: normal;
color: #F00;
}
Copy linkTweet thisAlerts:
@jogolOct 17.2005 — the corresponding markup would be:

[code=html]
<a class="Links" href="#">Linktext Style 1</a>
<a class="Links2" href="#">Linktext Style 2</a>[/code]
Copy linkTweet thisAlerts:
@ranjistinosauthorOct 17.2005 — Thanks ?
×

Success!

Help @ranjistinos spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...