различные кнопки jQuery ui в то же время

Question

Есть ли подходящий способ иметь 2 разных стиля jquery ui на одной странице?

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

напр:

.ui-state-active { 
    background:none !important; 
    background-color:#E1E1E1 !important; 
    color:#000 !important; 
} 

Затем я должен пойти и добавить сразу после (и он должен быть после

.new-theme.ui-state-active { 
    background:none !important; 
    background-color:red !important; 
    color:#000 !important; 
} 

проблема эти важные стили всем для каждого состояния поэтому я должен помнить, куда они идут. Является ли это нормальным или обычно это обрабатывается по-другому?

Answer 1

Вы используете старую версию пользовательского интерфейса jQuery, которая требует использования! их стили? Более новая версия имеет fixed this: Use of !important in jquery-ui.css should be avoided.

Если вы можете использовать новую версию, попробуйте избавиться от важности и вместо этого положитесь на selector specificity, чтобы получить желаемые результаты.

Answer 2

Я бы рекомендовал использовать jqueryui-speciffic css. Кроме трудностей с различными стилями кнопок, могут возникать проблемы с производительностью при увеличении количества кнопок. This resource относительно старый, но я нашел его очень ценным при использовании jqueryui css.