Question

CSS设置 同一个表格中 两种不同的链接样式

在同一个页面中 有两个表格 name="table1" name="table2"
这两个表格中 分别各有1个链接
我想用CSS把这2个链接分别做成不同的效果 比如表格1中的链接 在鼠标移上去后变成红色 表格2中的链接移上去后变成绿色

在CSS样式表中应该怎么写？我写的是
a:hover t1{color:#F0F;}
a:hover t2{ color:#000;}
但是这么写貌似不对 在浏览器里没效果 是不是语法错了？
写错了 是
a:hover table1{color:#F0F;}
a:hover table2{ color:#000;}
我记得这么写没问题 但就是没效果

Answer 1

t1是什么？不要乱起名字
可以用
table[name="table1"] a:hover {color:#F0F;}
table[name="table2"] a:hover { color:#000;}
不过这写法有些浏览器支持的不好.
你最好给两个table加上id,如<table id="table1"...>
css写
#table1 a:hover {color:#F0F;}
#table2 a:hover { color:#000;}