CSS удалить все общие c стили из элементов - PullRequest
Новая
       4

CSS удалить все общие c стили из элементов

2 голосов
/ 21 января 2020

Есть ли какой-нибудь простой способ удалить какой-либо стиль из моих элементов, который применяется к селекторам "generi c"?

По generi c Я имею в виду section или p или div или button ... в основном, когда он не нацелен на элемент, основанный на классе или ID, а на самом фактическом элементе.

Проблема в том, что у меня есть HTML и CSS Я вывожу на сайт пользователя, но у меня нет контроля над таблицей стилей, которая загружается на той же странице. Проблема в том, что пользовательская таблица стилей или пользовательские CSS нацелены на элементы basi c generi c HTML (например, section или button или p). В моем коде есть все указанные c CSS селекторы, нацеленные на них, но иногда сайты с этим стилем "generi c" вызывают проблемы с отображением в моем HTML, если я не определил свойство.

Например, я не хочу заданного c заполнения для элемента p - поэтому у меня ничего не установлено для padding для моих p элементов ... но если таблица стилей пользователя делает - - это относится к моей стихии. Я пытаюсь не определять каждое отдельное свойство для каждого моего элемента , просто чтобы убедиться, что таблица стилей пользователя не применяется к моим элементам.

Думал о чем-то строки этого псевдо-кода: 

#my-main-wrapper > section, p, div, button {
    all: unset;
}

, где будут отменены все стили, применяемые к любым элементам внутри элемента #my-main-wrapper, с использованием селекторов basi c, таких как section или p или div или button .. таким образом применяются ТОЛЬКО определенные мной стили, которые нацелены на эти элементы, используя специфицированный c класс или ID.

Ответы [ 2 ]

0 голосов
/ 23 января 2020

Да, в этой ситуации я бы go с обобщенным сбросом c CSS, например: 

#my-main-wrapper > * {
  all: unset;
}
0 голосов
/ 22 января 2020 
#my-main-wrapper section,p,div,button{
margin: 0;
padding: 0;
border:0;
}

Если я правильно понимаю вашу проблему, это простое решение, которое стоит попробовать. Добавьте больше стилей, которые, по вашему мнению, могут испортить вашу таблицу стилей, но, по моему мнению, этого должно быть достаточно.

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

...