我有這樣的事情:修改內層標籤的CSS規則使用Javascript
-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";
}
現在,該功能正常工作,但我的標籤不會改變他的顏色。有沒有辦法讓Javascript修改CSS規則.x a的屬性顏色?
你可以使用':當人們懸停鏈接hover'僞選擇,如果你只是改變顏色。 –
因爲你的CSS直接爲'a'元素設計樣式,所以你必須使用javascript來直接設置'a'元素的樣式,以覆蓋CSS定義。這是其級聯性質的一部分。 – Shmiddty
請參閱http://stackoverflow.com/questions/566203/changing-css-values-with-javascript – Lunik