A:link { COLOR: #464646; TEXT-DECORATION: none } A:visited { COLOR: #464646; TEXT-DECORATION: none } A:active { COLOR: #464646; TEXT-DECORATION: none } A:hover { COLOR: #464646; TEXT-DECORATION: underline } A.class_1:link { font-weight: bold; COLOR: #e2b653; TEXT-DECORATION: none } A.class_1:visited { font-weight: bold; COLOR: #e2b653; TEXT-DECORATION: none } A.class_1:active { font-weight: bold; COLOR: #e2b653; TEXT-DECORATION: none } A.class_1:hover { font-weight: bold; COLOR: #e2b653; TEXT-DECORATION: underline } <TD vAlign="top" class="class_1"> [<a href=http://www.info.com/icon>信息图标</a>] </TD> 为什么显示的效果还是链接样式,不是class_1的样式 没办法在<a href=http://www.info.com/icon>里加class,如何让连接显示class1样式啊?
如果你可以控制外层,也可以实现。 例如: HTML: <div id="list1"> <a href=http://www.info.com/icon>...</a> </div> 通过: HTML: #list1 a {} 这样的方式可以实现。
你的网页框架/模版,你总能控制吧? CSS 的精髓就是层叠,一层层标签下去,总能达到你所要限定的区域。 HTML: html a { } 页面中所有链接 HTML: html table a { } 所有表格中的链接 HTML: html table #td1 a { } 单元格 #td1 的所有链接,等同 #td1 a {} 分析一下你的 DOM 结构,找出合理的层次关系。
伪类和类选择符 将伪类和类组合起来用,就可以在同一个页面中做几组不同的链接效果了,例如,我们定义一组链接为红色,访问后为蓝色;另一组为绿色,访问后为黄色: a.red:link {color: #FF0000} a.red:visited {color: #0000FF} a.blue:link {color: #00FF00} a.blue:visited {color: #FF00FF} 现在应用在不同的链接上: <a class="red" href="...">这是第一组链接</a> <a class="blue" href="...">这是第二组链接</a>