javascript - 使用Javascript修改内部标签的CSS规则

Question

我有这样的东西:

-HTML-

<table>
<tr class="x" onMouseOver="light(this)">
  <td>
    <a href="x">Link</a>
  </td>
  <td>
    Text
  </td>
</tr>
</table>

-CSS-

.x a{
  color: black;
}

-Javascript-

function light(x){
  x.style.color="red";
}

现在，该函数可以正常工作，但我的 a 标签不会改变他的颜色。有没有办法让Javascript修改CSS规则.x a的属性颜色？

Answer 1

这可能更合适:

.x:hover {color:red}
.x:hover a{color:red}

当鼠标悬停在该行上时，这将覆盖链接的颜色，从而无需 onMouseOver 函数。

请注意，它可能在 IE6 中失败，但就我个人而言，在该浏览器中制作链接 :hover 以外的东西时我从未遇到过任何问题...