请教XHTML的一个问题

wuhao · 2008-03-12, 17:11

就是导航拦，我设置连接颜色全部都是黑色，但有一个连接我想做成红色，我这么做的
<a href="#" class="red">aaa</a>

然后css里写 .red{color:red;}

但是不起效果，一般一堆连接，对某几个连接作用单独的效果该怎么做呀，

<a href="#" title="xxx"><font color=red>xxx(HOT)</font></a><br />这样虽然可以，但是不符合规范呀，请大家指教，请老鬼赐教！

wuhao · 2008-03-12, 17:23

HTML 代码:

<style>
a{color:#000}
.red {color:red;}
</style>
<a href="#" class="red">aaa</a>
<a href="#">aaa</a>

别人的貌似可以

wuhao · 2008-03-12, 17:36

问题解决

解决方法如下

没人回答偶也得把方法写上帮助后人，哈哈

<html>
<style>
a:link { color: #000;text-decoration: none;}
a:visited { color: #000;text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}
a.b:link { color: #f00;text-decoration: none;}
a.b:visited { color: #f00;text-decoration: none;}
a.b:hover { color: #000; text-decoration: underline;}
</style>
<a href="#" class="b">aaa</a>
<a href="#">aaa</a>
</html>

风 · 2008-03-13, 14:35

定义的顺序问题吧。

一般针对元素的选择器，应该写在靠前的位置，特别的类选择器，定义在靠后，以覆盖之前的元素选择器的定义。

zipo_han · 2008-03-13, 22:55

<html>
<style>
a:link,a:visited { color: #000;text-decoration: none;}
a:hover {text-decoration: underline;}
a.b:link,a.b:visited { color: #f00;text-decoration: none;}
a.b:hover {text-decoration: underline;}
</style>
<a href="#" class="b">aaa</a>
<a href="#">aaa</a>
</html>

至少应该这么写的，

双至强仅二千,企商在线,最早租用商	时代冠军主机588元/2年送邮箱域名	亿恩1元帮您升级服务器！	全球最新的创意可以产品
站长轻松日赚500,日结稳定高价,QQ:705491 705492	英雄合击热血江湖私服传奇私服	此文字广告位招租	完美世界私服魔域私服传奇私服

2008-03-12, 17:11	#1 (页面定位)
wuhao 青铜长老注册日期: 2006-05-23 帖子: 266	请教XHTML的一个问题就是导航拦，我设置连接颜色全部都是黑色，但有一个连接我想做成红色，我这么做的 <a href="#" class="red">aaa</a> 然后css里写 .red{color:red;} 但是不起效果，一般一堆连接，对某几个连接作用单独的效果该怎么做呀， <a href="#" title="xxx"><font color=red>xxx(HOT)</font></a><br />这样虽然可以，但是不符合规范呀，请大家指教，请老鬼赐教！

2008-03-12, 17:23	#2 (页面定位)
wuhao 青铜长老注册日期: 2006-05-23 帖子: 266	HTML 代码: <style> a{color:#000} .red {color:red;} </style> <a href="#" class="red">aaa</a> <a href="#">aaa</a> 别人的貌似可以

2008-03-13, 22:55	#5 (页面定位)
zipo_han 注册日期: 2006-07-08 帖子: 94	<html> <style> a:link,a:visited { color: #000;text-decoration: none;} a:hover {text-decoration: underline;} a.b:link,a.b:visited { color: #f00;text-decoration: none;} a.b:hover {text-decoration: underline;} </style> <a href="#" class="b">aaa</a> <a href="#">aaa</a> </html> 至少应该这么写的， Where did you go? I choose noise. UIcity

主题工具
显示可打印版本邮寄本页给好友
显示模式	对此主题评分
平板模式切换到混合模式切换到树形模式	对此主题评分:

2008-03-12, 17:36	#3 (页面定位)
wuhao 青铜长老注册日期: 2006-05-23 帖子: 266	问题解决解决方法如下没人回答偶也得把方法写上帮助后人，哈哈 <html> <style> a:link { color: #000;text-decoration: none;} a:visited { color: #000;text-decoration: none;} a:hover { color: #000; text-decoration: underline;} a.b:link { color: #f00;text-decoration: none;} a.b:visited { color: #f00;text-decoration: none;} a.b:hover { color: #000; text-decoration: underline;} </style> <a href="#" class="b">aaa</a> <a href="#">aaa</a> </html>

2008-03-13, 14:35	#4 (页面定位)
风流浪中…… 注册日期: 2005-09-05 帖子: 145	定义的顺序问题吧。一般针对元素的选择器，应该写在靠前的位置，特别的类选择器，定义在靠后，以覆盖之前的元素选择器的定义。