Перезаписать несколько правил css

Question

Я создаю виджет чата, и я хочу перезаписать кучу CSS. Например, если это CSS на веб-сайте ТЕМЫ:

textarea { 
    color: red; 
    margin: 10px; 
} 

и если стиль мой виджет как:

textarea { 
    padding: 5px; 
} 

только тогда CSS моего виджета должен работать. Тем не менее, он добавляет оба CSS в textarea по умолчанию - как я могу предотвратить добавление CSS CSS сайта?

Answer 1

Как заявил Марк В, вы можете поместить свой чат в iframe, и в этом случае у вас может быть своя отдельная таблица стилей.

Если вы должны использовать его в линию, то вы можете использовать all CSS свойство дезактивировать, что было установлено в другом месте:

Widget CSS:

textarea { 
    all: unset; 
    padding: 5px; 
} 

Кроме того, как указано в комментариях других , лучший способ - создать различные классы для текстовой области и использовать их там, где это необходимо, например:

textarea.main { 
    color: red; 
    margin: 10px; 
} 

и если стиль мой виджет как:

textarea.chat { 
    padding: 5px; 
} 

И затем использовать

<textarea class="main"> 

или

<textarea class="chat"> 

в зависимости от того, что вам нужно.

Answer 2

Ну, я думаю, это действительно легко написать! Важно для всех ваших правил css. Просто замените ";" с "! important", если это простой способ для вас ИЛИ если вы действительно хотите изменить, то вы можете использовать iframe на самом деле