请高手帮我看看这两段百度空间CSS代码

来源：百度知道 编辑：UC知道 时间：2024/06/08 08:15:58
#tabline{top:99px}
#tab{top:70px;left:490px;text-indent:1px}
#tab a:hover{color:FF0000}
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:1px;color:#fff;font-size:12px}
#tab span{color:#fff;font-size:0px}
#tab a:link{color:#fff;text-decoration:none;font-size:12px}
#tab a:visited{color:#fff;text-decoration:none;font-size:12px}
#tab2{background:#fff}
#tab2 a:hover{color:FF0000}
#tab2 span{color:#000;font-size:1px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#000}
#tab2 a:visited{color:#000}

这个是两个标题栏的部分，我想要让它鼠标悬停变成红色，选中的也变成红色。 但是我设置完的悬停不变色，还有一阵是只有一个链接变别的不变，而且选中的也不变，还被消去一块

.mod{margin-bottom:10px}
.modhandle{cursor:move}
.modth{height:24px;background color:#000}
.modhead{padding:4px 4px 0 4px}
.modopt{padding:4px 4px 0 0}
a.modopt:hover{color:#f00;text-decoration:underline}
.modtit{color:#fff;font-size:12px;font-weight:bold}a.modtit:visited{col

对于百度空间我也没什么了解，不过就你提供的样式表说下我觉得可能出现问题的地方：
1.链接样式是有顺序的，顺序为link,visited,hover,active，不按这个顺序写链接样式，是达不到效果的，你的第一段tab里面就没有按顺序写，这可能是导致没有效果的最根本原因。
2.第一段样式表里有个小笔误，#tab a:hover和#tab2 a:hover的颜色属性前没有"#"。
3.第二段样式写的样式名比较多,也不知道那个是编辑,哪个是写文章,那个是你要的效果,其实不管是什么,归根到底还是链接问题,除了上面说的第一条之外,我再说一下链接样式的两个情况,正所谓知其然,知其所以然,我把道理给你讲清楚了,无论什么问题,你都能迎刃而解:
链接样式调用分两种形式:
(1)<a href="#" class="on">链接</a>，对应样式格式为a.on:link,a.on:visited{链接属性，如果链接和访问后链接样式一样，则用这种格式写在一起就可以，节省资源}
a.on:hover { 鼠标经过样式}
注意同样遵从链接书写顺序
（2）<div class="on"><a href="#">链接</a></div>,对应样式格式为
.on a:link , .on a:visited {}
.on a:hover {}
不知道你有没有注意到两种的不同，第一种是直接a标签提取样式，第二种是用div来提取样式，控制div里面所有a标签的属性，样式表的写法也存在不同，针对你的第二种情况你可以看看是不是违背了上面说的两点规则，或许你能发现问题所在。
如果都是对的，那么你就按照正确的链接格式重新按规则也一下链接样式我想应该没问题，定义链接样式是最基本的要求，并不难，但是因为他的量很多，情况也很多，所以很多时候都是在做一些重复的复制，所以做好链接样式也是很重要的，要不你会发现你的样式表文件大部分被链接占用了，要解决这一问题，应该从以下几方面入手：
1.对自己的页面所有的链接样式有个