Можно ли переопределить класс CSS

Question

У меня есть следующий код jquery для форматирования HTML-таблицы.

   $(".jtable td").each(function() {
       $(this).addClass("ui-widget-content");
   });

Я хочу (один на столе) изменить цвет текста на синий (черный в классе ui-widget-content. Я попытался сделать это ниже, но, похоже, ничего не сделал.

Любая помощь по переопределению некоторых конкретных CSS для одной таблицы (и я хочу оставить другие таблицы в покое)

   $(".jtable td").each(function() {
       $(this).addClass("ui-widget-content");
       $(this).css("color", "Blue");
   });

Answer 1

Этот селектор:

$(".jtable td")

Выбирает ячейку таблицы, которая является потомком элемента класса 'jtable'.

Что вы, вероятно, пытаетесь сделать, это выбрать table с этим классом:

$('table.jtable')

Это, конечно, выберет все таблицы этого класса. Таким образом, вы должны иметь возможность однозначно идентифицировать таблицу, которую вы хотите выбрать / адрес. Если это первая таблица:

$('table.jtable').filter(':first')

В противном случае вам, вероятно, придется применить id к тому, который вы хотите изменить.

Answer 2

Набор стилей с помощью команды jQuery css () должен переопределять стиль, исходящий из класса, если последний не имеет ключевого слова! Important. Так что-то вроде

$(".jtable td").addClass("ui-widget-content");
$(".jtable:first td").css("color", "Blue");

должно хватить (конечно: сначала следует заменить любым селектором, который вы хотите). Если «ui-widget-content» устанавливает только текстовый стиль, вы можете добавить его в таблицу вместо каждой ячейки (они все равно получат его с помощью правил наследования CSS), что и быстрее, и более кратко:

$(".jtable").addClass("ui-widget-content").find(":first").css("color", "Blue");

Answer 3

$ ("tr: odd"). Css ("background-color", "blue");

Также попробуйте поискать селекторы .odd и .even, если вы хотите чередовать цвета строк таблицы -

http://api.jquery.com/odd-selector/

Answer 4

Попробуйте! Важный инструмент

$ (this) .css ("color", "Blue! Важный");

http://www.electrictoolbox.com/using-important-css/

В качестве альтернативы, просто создайте другой класс с уже установленным синим цветом и примените этот класс.