Dr_Elvis
@Dr_Elvis

Как убрать все стили с элемента и оставить только один класс?

Привет!
Пишу расширение для хрома, на сайт добавляю свои элементы, свою таблицу стилей.
К примеру есть обычный select. в файлах css автора сайта вешаются стили на все select сразу. я хочу изменить свой select под мои стили. создал класс, прописал правила, но мой стиль объединяется с стилем автора. можно использовать !important для каждого правила, но это тогда мне нужно переписать все правила что у автора и их заменить.
Есть ли способ указать элементу чтобы использовать только стиль из класса, игнорируя другие стили с других css?
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
fallus
@fallus
Использовать shadow dom или вручную сбрасывать всё в своём элементе:
#MY_ELEMENT, #MY_ELEMENT *, #MY_ELEMENT *::before, #MY_ELEMENT *::after{
  all: unset
}


Лучше shadow dom, потому как он изолирован.

https://learn.javascript.ru/shadow-dom#inkapsulyatsiya
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы