У меня есть виджет с некоторыми пользовательскими стилями для кнопок, редактирования полей и т. Д. Но этот виджет работает на странице, которая также имеет собственные стили для этих элементов. Таким образом, стили страницы главной страницы и стили виджета вмешиваются.Как заставить мои пользовательские стили?
Возможно ли защитить мой виджет от иностранных стилей?
Я хочу, чтобы мои виджеты работали над моим виджетами.
P.S.
Возможно, я могу вложить весь свой виджет с <div id="widgetname">
и предварять все мое моделирование с #widgetname * { ...some clearing rules ...}
, а затем все мои стили с #widgetname
префиксом? Что-то в этом роде? !
убедитесь, что ваши пользовательские стили имеют более высокую специфичность [] (HTTP: // кодирование. smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/) или (в крайнем случае) добавьте важные для своих пользовательских стилей. – ptriek
Вложение будет работать, но вы не можете избежать загрузки пользователем CSS, переопределяя ваши настройки на своих страницах. – Miquel
@ptriek, спасибо, увеличили специфичность и получили то, что я хотел; но я все еще удивляюсь, если можно вообще отказаться от применения дополнительных правил? – Dims