CSS控制a标签问题！
如下：<divid=“d1”><aid="a1"herf="#">标签1</a><aid="a2"herf="#">标签2</a><aid="a3"herf="#">标签...
如下：<div id=“d1”><a id="a1" herf="#">标签1</a><a id="a2" herf="#">标签2</a><a id="a3" herf="#">标签1</a></div>我想单独控制【标签2】 鼠标移过的行为，声明：#a1 a:hover{text-decoration:underline;}没效果，怎么回事？
展开
3个回答
展开全部
现在写CSS，如果不考虑IE6，任何 class都可以加hover属性，还有，写样式不建议用ID。
你那个 #a1 a:hover 的意思是 一个id叫 a1 的 它 下面的 所有a 标签鼠标经过的 样式是 。
你上面的html 不符合，它本事就叫a1 ，它下面还有a标签吗？答案是没有，所以不起作用。
还有就是你想单独控制一个容器的样式，那么就给它单独的一个class 或者 id 就可以了
。
你那个 #a1 a:hover 的意思是 一个id叫 a1 的 它 下面的 所有a 标签鼠标经过的 样式是 。
你上面的html 不符合，它本事就叫a1 ，它下面还有a标签吗？答案是没有，所以不起作用。
还有就是你想单独控制一个容器的样式，那么就给它单独的一个class 或者 id 就可以了
。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你css写的是对的，只不过你拼错了一个地方，是href，不是herf。你拼错了的话，链接就显示不出来，下划线当然也显示不出来了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1. 链接标签是href2. #a1 a:hover{text-decoration:underline;} 改成 #a2:hover{ text-decoration:none;} <style>
#a1:hover{ color:#F93;}
#a2:hover{text-decoration:none;}
#a3:hover{ background-color:#C30;}
</style>
</head><body>
<div id="d1">
<a id="a1" href="#">标签1</a>
<a id="a2" href="#">标签2</a>
<a id="a3" href="#">标签1</a>
</div>
</body>
</html>
#a1:hover{ color:#F93;}
#a2:hover{text-decoration:none;}
#a3:hover{ background-color:#C30;}
</style>
</head><body>
<div id="d1">
<a id="a1" href="#">标签1</a>
<a id="a2" href="#">标签2</a>
<a id="a3" href="#">标签1</a>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
