/    Sign up×
Community /Pin to ProfileBookmark

two link color/styles on one page?

Copy linkTweet thisAlerts:
Oct 23.2004

i know how to set the colors of my links:

a:link {
color: #333333;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #CCCCCC;
background-color: #333333;
text-decoration: none;
}
a:active {
color: #333333;
}

but is it possible to have two different link colors on one page?

so for instance one set of links would be red and blue when rolled over and another set would be green and pink when rolled over

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangOct 23.2004 — <style type="text/css">
<!--
a.ext:link {
color: #00f;
}
a.int:link {
color: #f00;
}
-->
</style>

</head>
<body>
&lt;a class="ext" href="http://www.my.com"&gt;<a href="www.my.com">www.my.com</a>&lt;/a&gt;
&lt;a class="int" href="page1.html"&gt;page1&lt;/a&gt;
&lt;/body&gt;

Same idea for the other pseudo-class selectors
×

Success!

Help @lomokev 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.18,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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