A CSS pseudo class question

steve · Aug 25, 2005

Hi,

In this code, if I remove the 2nd line A:link {TEXT-DECORATION: none},
the eBay and Ibm will be underlined. Why? Thank you.

<html><head><STYLE type=text/css>
A:link {TEXT-DECORATION: none}
A:visited {COLOR: red;}
A:active {COLOR: purple;}
A:hover {TEXT-DECORATION: underline;COLOR:
green;Text-transform:uppercase}</STYLE></head>
<body>
<A href="http://ebay.com">eBay</A>  |  
<A href="http://www.ibm.com">Ibm</A></body></html>

Ivo · Aug 25, 2005

In this code, if I remove the 2nd line A:link {TEXT-DECORATION: none},
the eBay and Ibm will be underlined. Why? Thank you.

<html><head><STYLE type=text/css>
A:link {TEXT-DECORATION: none}
A:visited {COLOR: red;}
A:active {COLOR: purple;}
A:hover {TEXT-DECORATION: underline;COLOR:
green;Text-transform:uppercase}</STYLE></head>
<body>
<A href="http://ebay.com">eBay</A>  |  
<A href="http://www.ibm.com">Ibm</A></body></html>

Links are underlined by default in practically all browsers. To have links
with no lines under them, you need that rule to explicitly state so. Also,
the moment a link becomes a visited link according to the browser's memory,
any :link pseudo-rules will no longer apply to it. They might have more
details in a newsgroup dedicated to CSS, such as
news:comp.infosystems.www.authoring.stylesheets.
hth
ivo

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Neopets coding help	4	Sep 23, 2021
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Positioning CSS components	1	Nov 16, 2023
Centering a button using flexbox	2	Feb 5, 2023
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
<Button ...> display is fine, except for two things	1	Oct 23, 2023
Using CSS ID Tags to	2	Apr 21, 2020

A CSS pseudo class question

steve

Ivo

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads