Я работаю над приложением JS, которое веб-мастера размещают на своих сайтах.Он добавляет на свой сайт фиксированный элемент с определенной функциональностью, а также тег <style>
с css на head
страницы для его стилизации.Это очень похоже на wibiya в этом аспекте.
У меня проблемы с поиском правильных правил CSS для этих требований:
- Мои стили не будут перегружать стили элементовна странице
- Стиль страницы не будет перегружать мои стили
- Мой стиль должен по-прежнему иметь преимущество, если страница что-то объявляет
important!
IЯ вставляю CSS в DOM, но у меня нет никаких гарантий, что мой стиль является последним, вставленным на страницу.
Я не редактирую элементы внутри страницы.У меня есть контейнер, и все мои элементы находятся в этом контейнере.
Я пробовал сброс CSS Мейера специально для контейнера и всех объектов внутри него, но правила сайта по-прежнему переопределяют мои правила.
Как быЯ подхожу к этому?