/    Sign up×
Community /Pin to ProfileBookmark

Links Not Wokring Using CSS

Copy linkTweet thisAlerts:
Sep 22.2006

I have a link set up that has no underline, until the user rolls over it… The only issue I’m haiving is that once they click the links and it’s been visited the underline dissappears, so when they roll over it again nothing comes up. I want it so no matter wether they have visited the link or not when they roll over it it gets underlined…

[CODE]a.subitems:link {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
font-style: normal;
text-align: left;
border-top-style: none;
}
a.subitems:hover {
text-decoration: underline;
}
a.subitems:visited {
color: #666666;
text-decoration: none;
}
[/CODE]

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@toicontienSep 22.2006 — The order in which you specify the link psuedo-classes matters a great deal. In your case, the :visited psuedo-class is written after the :hover psuedo-class, thus giving :visited styles more precedence than :hover styles. Moving the :hover declaration below the :visited declaration will solve the problem:

<i>
</i>a.subitems:link {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
font-style: normal;
text-align: left;
border-top-style: none;
}
a.subitems:visited {
color: #666666;
text-decoration: none;
}
a.subitems:hover {
text-decoration: underline;
}
×

Success!

Help @tomyknoker 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.9,
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,
)...