jQuery UI CSS reset

Question

Я внедряю процесс бронирования на уже зарекомендовавший себя веб-сайт WP. На веб-сайте есть плагин MailChimp, который использует пользовательский интерфейс jQuery и имеет тему, предназначенную для этого, эта часть не в моих руках, чтобы удалить или изменить. Это влияет на мой код в процессе бронирования, перезаписав мой пользовательский css (меньше) для jQuery Datepicker.

Мой вопрос в том, как я могу сбросить все компоненты пользовательского интерфейса jQuery, которые имеют определенный класс предков (.odin)? Так что только компоненты ниже этого класса будут сброшены.

br.

Answer 1

Если вы должны перезаписать css, как вам кажется, просто используйте более высокую специфичность. Получите свои селекторы от вашего инспектора элементов по выбору и добавьте дополнительную спецификацию вашего класса-оболочки. .odin .datepicker td {/ * ваше правило * /}

Answer 2

.odin { * }

это называется ясно хак, не очень хорошая практика, чтобы сделать это. Сначала проверьте альтернативы.

Answer 3

Я думаю, что ответ на вашу проблему заключается не в jQuery, а в CSS. Вам нужны лучшие, более специфичные селектора css, которые не заканчиваются из-за правил пользовательского интерфейса jQuery.

Я нахожу использование этого calculator помогает!