主题:  新手求教CSS制作鼠标经过变色链接问题

drliujie
职务：普通成员
等级：1
金币：0.0
发贴：13
#12007/1/15 19:16:40
代码如下：
<html>
<head>
<title>Swimee</title>
<style>
LS1 a:visited{TEXT-DECORATION:none;color: #333333}
LS1 a:link{TEXT-DECORATION:none;color: #333333}
LS1 a:hover{TEXT-DECORATION:underline;color: #00FF00}
LS2 a:visited{TEXT-DECORATION:none;color: #333333}
LS2 a:link{TEXT-DECORATION:none;color: #333333}
LS2 a:hover{TEXT-DECORATION:underline;color: #FF0000}
</style>
</head>
<body>
<LS1><a href="/1.html">Link01</a></LS1><br>
<LS2><a href="/2.html">Link02</a></LS2>
</body>
</html>

以上代码意为鼠标经过Link01，Link01变绿色，鼠标经过Link02，Link02变红色
可是以上代码为和只能在FireFox下能显示出鼠标经过变色效果，在IE下鼠标经过变色效果没有。
哪位大侠不吝赐教，如果修改以上代码，能在IE下有效果？？？？？

编辑历史:[此帖最近一次被 drliujie 编辑过(编辑时间:2007-01-16 09:40:28)]

未来
职务：版主
等级：5
金币：10.0
发贴：2730
#22007/1/15 19:36:19
顺序改一下
LS1 a:link{TEXT-DECORATION:none;color: #333333}
LS1 a:visited{TEXT-DECORATION:none;color: #333333}
LS1 a:hover{TEXT-DECORATION:underline;color: #00FF00}
LS2 a:link{TEXT-DECORATION:none;color: #333333}
LS2 a:visited{TEXT-DECORATION:none;color: #333333}
LS2 a:hover{TEXT-DECORATION:underline;color: #FF0000}

你的标题太不清楚了，应该说明是什么问题， 新手求教一关于CSS的问题，不能大致说清楚问题吗



drliujie
职务：普通成员
等级：1
金币：0.0
发贴：13
#32007/1/16 9:43:50
楼上的大侠，好像不是改个顺序那么简单的，我已经试过了，不行



einha
职务：普通成员
等级：2
金币：5.5
发贴：532
#42007/1/16 15:26:24
Hello啊，第一次见“LS1”“LS2”标记。如果我没猜错，你要的效果可能是这样：
<style>
a.LS1:link,a.LS1:visited{TEXT-DECORATION:none;color: #333333;}
a.LS1:hover{TEXT-DECORATION:underline;color: #00FF00;}
a.LS2:link,a.LS2:visited{TEXT-DECORATION:none;color: #333333;}
a.LS2:hover{TEXT-DECORATION:underline;color: #FF0000;}
</style>

<a class="LS1" href="/1.html">Link01</a><br>
<a class="LS2" href="/2.html">Link02</a>


或者如果真有"LS1""LS2"标记，尝试在每个"}"前加";"，CSS语法不规范。



未来
职务：版主
等级：5
金币：10.0
发贴：2730
#52007/1/16 22:42:22
#LS1 a:link{TEXT-DECORATION:none;color: #333333}
#LS1 a:visited{TEXT-DECORATION:none;color: #333333}
#LS1 a:hover{TEXT-DECORATION:underline;color: #00FF00}
#LS2 a:link{TEXT-DECORATION:none;color: #333333}
#LS2 a:visited{TEXT-DECORATION:none;color: #333333}
#LS2 a:hover{TEXT-DECORATION:underline;color: #FF0000}



葬爱
职务：普通成员
等级：1
金币：0.0
发贴：236
#62007/2/13 15:43:17
LVHA这是样式里面A的伪类的顺序。对于写法，einha的应该是对的。你提供的代码中，CSS选择符是不对的。

heerolaw
职务：普通成员
等级：1
金币：0.0
发贴：7
#72007/2/23 17:58:45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title>Swimee</title>
<style>
.LS1 a:link{TEXT-DECORATION:none;color: #333333;}
.LS1 a:visited{TEXT-DECORATION:none;color: #333333;}
.LS1 a:hover{TEXT-DECORATION:underline;color: #00FF00;}
.LS2 a:visited{TEXT-DECORATION:none;color: #333333;}
.LS2 a:link{TEXT-DECORATION:none;color: #333333;}
.LS2 a:hover{TEXT-DECORATION:underline;color: #FF0000;}
</style>
</head>
<body>
<div class="LS1"><a href="/1.html">Link01</a></div><br />
<div class="LS2"><a href="/2.html">Link02</a></div>
</body>
</html>