Give yourself this beginner's look!
Original address:css<a href> Link Style conflict resolution Method! Ye lang
Here I briefly say: about a href style conflict
First I have an external CSS style file (INDEX.CSS) directly written with A:link A:active directly
and the site home page and other columns are called <link href= "css/index.css" rel= "stylesheet" type= "Text/css"/> but I want to add a new link to the homepage and write a new style, But the new style does not work, because the home page also calls <link href= "Css/index.css" rel= "stylesheet" type= "Text/css"/>, because previously only considered convenient, did not consider the subsequent priority issues.
This will give my entire site a href style given dead. Not convenient later more busy CSS style!
Here's how to fix it:
If you're writing for the first time
a:link {font-family:verdana, Arial, Helvetica, Sans-serif; Color: #333333; Text-decoration:none; font-size:12px;}
a:visited {font-family:verdana, Arial, Helvetica, Sans-serif; Text-decoration:none; Color: #333333; font-size:12px; Font-weight:normal; }
a:hover {font-family:verdana, Arial, Helvetica, Sans-serif; Text-decoration:none; Color: #06C; font-size:12px; Font-weight:normal;}
a:active {font-family:verdana, Arial, Helvetica, Sans-serif; Text-decoration:none; Color: #333333; font-size:12px; Font-weight:normal; }
So you want to be busier a place of <a href> style. Write it like this:
This is the website file <a href= "index.asp" class= "A3" >
and add it to the CSS.
A.a3:link {font-family:verdana, Arial, Helvetica, Sans-serif; Color: #000000; Text-decoration:none; font-size:12px; line-height:18px; Font-weight:normal; }
a.a3:visited {font-family:verdana, Arial, Helvetica, Sans-serif; Text-decoration:none; Color: #000000 font-size:12px; }
A.a3:hover {font-family:verdana, Arial, Helvetica, Sans-serif; Text-decoration:underline; Font-weight:normal; Color: #009966; font-size:12px; } a.a3:active {Font-family:verdana, Arial, Helvetica, Sans-serif; Text-decoration:none; Color: #FF0000; font-size:12px; Font-weight:normal; }
Reproduced Css<a href> Link Style conflict resolution Method!