Форум Сайтостроение Веб-строительство

В CSS можно сбросить стили для елементов?

lutskboy
На сайте с 22.11.2013
Offline
171
lutskboy
374

Привет веб мастерам

Поясню что мне нужно

Я делаю некий модуль или плагин для сайта.

Например он выводит div . А внутри его разные елементы. select input ....

Етот мой модуль будет встраиваться в другие сайты.

Допустим он выводит

<div id="plugin">тут селекты инпуты...</div>

я задаю стили для select

#plugin select{padding:8px;}

а на тех сайтах что встраивается модуль допустим идут стили

select{margin:8px;}

или

select{border:1px solid;}

выходит что мой плагин подцепит ети правила. и на одном сайте он будет выглядить так. а на другом по другому

как мне сбросить все стили именно для моего дива <div id="plugin">

я ж не знаю что там может быть еще на етих сайтах

разные font-size color background.....

Оптимизайка
На сайте с 11.03.2012
Offline
396
Оптимизайка
#1

https://developer.mozilla.org/en-US/docs/Web/CSS/initial


#plugin {
  all: initial;
  * {
    all: unset;
  }
}

в ie не работает: https://caniuse.com/#search=all

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
LEOnidUKG
На сайте с 25.11.2006
Offline
1723
LEOnidUKG
#2

А почему нельзя указать данные конкретно селекту в вашем диве?!

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
lutskboy
На сайте с 22.11.2013
Offline
171
lutskboy
#3

Оптимизайка, спасибо. попробую

LEOnidUKG, я то могу. но все равно возможно все не учту.

ведь можно так прописать и font width height background....

а потом окажется что на одном из сайтов какой то там line-height есть

можно конечно и так

#plugin *{

тут все перечисляем по дефолту

margin

pading

..........

}

но хочется типа так

#plugin *{*:reset;}

как Оптимизайка подсказал

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий