菜鸟学习css———链接加红问题
发布网友
共3个回答
热心网友
li{line-height:20px;}
li .nav01{font-size:18px;font-weight:normal;}
li .nav01 a,a:visited,a:link{text-decoration:none;color:#000;}
li .nav01 a:active,a:hover{ text-decoration:underline;color:#900;}
这样写也可以，注意顺序
li{line-height:20px;font-size:19px;}
li a{text-decoration:none;color:#000;}
li a:link{text-decoration:none;color:#000;}
li a:active{ text-decoration:underline;color:#900;}
li a:visited{text-decoration:none;color:#000;}
li a:hover{ text-decoration:underline;color:#900;}
这样就不行：
.nav01{font-size:19px;font-weight:normal;}
.nav01 a{text-decoration:none;color:#000;}
.nav01 a:link{text-decoration:none;color:#000;}
.nav01 a:active{ text-decoration:underline;color:#900;}
.nav01 a:visited{text-decoration:none;color:#000;}
.nav01 a:hover{ text-decoration:underline;color:#900;}
链接样式看起来很简单，我觉得其实挺麻烦，可能是浏览器支持与否的问题。
你理解就近原则好像有问题，#aa{color:green; }#aa .bb {color:#red;}这时侯class="bb"的颜色是红色red。还有就是直接加在标签里的会覆盖css文件里的
热心网友
可以的啊,你试试:
<style>
a:link {color:008000; text-decoration:none;}
a:visited,a:active {color:#008000; text-decoration:none;}
a:hover{color:#990000; text-decoration:underline;}
li .link {line-height:150%; margin-left:10px;color:#990000;}
</style>
<li>
<a href="#" class="link">免费杀毒</a> <a href="#" class="link">木马查杀</a><a href="#" class="link"> IE 修 复 </a>
</li>
热心网友
a:link
这样是错的。。
要a .link才对。
表示a标记的link 类,假如a里写的是ID，则要写a #link
