Копировать CSS из одного класса в другой с помощью JQuery?

Question

Я хотел бы сделать указатель времени похожим на указатель даты, соответствующий текущей теме пользовательского интерфейса. Могу ли я скопировать или каким-либо образом наследовать свойства CSS из указателя даты в мой указатель времени? Я не хочу копировать поведение класса, только реквизиты CSS.

(я видел других таймеров, но я не очень доволен ни одним из них ...)

Answer 1

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

var color = $(this).css("background-color");
var padding = $(this).css("padding");

и т. Д. И т. Д ...

Затем выведите их через:

$(this).css({'background-color' : color+'px', 'padding' : padding+'px'});

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

Удачи.

Answer 2

Это трудно сделать, поскольку разметка CSS и HTML (и код JavaScript) очень тесно связаны друг с другом. Также CSS требует некоторых изображений (обычно больших с десятками изображений - css выбирает, какая часть большого изображения должна быть показана).

Для того, чтобы наследовать CSS, вам также нужно наследовать имена классов и использовать их в вашем указателе даты. Datepicker также зависит от ядра jquery.ui.css, а не только от datepicker.css. Таким образом, вы также должны принять это во внимание.