Question

请问在css中如何把在一个ul的超链接a变不一样的字体颜色

比如我要把这里面的声望系统和战报分析 改成红色字体，鼠标放上去带下划线，其他的都是别的颜色
如下图





Answer 1

把声望系统那行改成

<a href="#" style="color:#ff0000;text-decoration:none;" onmouseover="this.style.textDecoration='underline';"  onmouseout="this.style.textDecoration='none';">声望系统</a>

 其他同理

本应不这么复杂 但是不知道你的css预设是什么样的 所以只能用这种万能方法

Answer 2

给要变色的a加一个class="ocolor"
<a href="#" class="ocolor"></a>
然后在style里 设置样式
.ocolor{color:red;}
.ocolor:hover{text-decoration:underline;}

Answer 3

加上这样的css

#f>a:nth-child(1-n){//表示前面两个a标签
  color:red;
}

#f>a:hover{//表示前面所有的a标签,鼠标上移
  text-decoration:underline; 
}