Переопределение CSS свойство с помощью JQuery

Question

Предположим, что у меня есть следующие CSS в связанном стилей:

td {background: -moz-linear-gradient(top, #fbfbfb, #fafafa);} 

Это делает все мои столбцы таблицы зеленый.

Предположим, у меня есть следующие строки таблицы:

<tr id="myRow"><td>stuff</td><td>more stuff</td></tr> 

Вся строка зеленого цвета но после ввода пользователем я хочу сделать следующее:

$("#myRow").children('td').css('backgroundColor', 'red'); 

Почему это не повернет мою строку от зеленого до красного и как я могу сделать эту работу без добавления !important в мои таблицы стилей?

Answer 1

Вы можете попробовать:

$("#myRow").children('td').css('background-color', 'red'); 

или

$("#myRow").children('td').css('background', 'red'); 

Также некоторые Bizzare вещи, чтобы проверить, если выше не будет работать:

• Где вы называете код JQuery ? (Это какая-то функция, $(document).ready() ..?)
• У вас есть встроенный атрибут style?
• У вас есть ошибки, вызванные предыдущим кодом? (см. отладчик - встроенный Chrome Dev Tools FireBug)