Я хочу, чтобы стили элемента изменялись только тогда, когда в качестве селектора используется идентификатор, а не имя класса

Question

Я создал расширение, которое создает элемент div на той странице, где он открыт.Но на другом сайте это выглядит по-разному, потому что стили для этого сайта разные.

Answer 1

Вы можете сбросить все стили для элемента по умолчанию с помощью all:unset.all является сокращением для всех свойств, а unset сбрасывает значение до заводского значения по умолчанию, определенного для CSS.

Обратите внимание, что это также уничтожает все useragentстилей, поэтому вам придется восстановить значение display обратно до block после использования этого.

div {          /* example of styles as used on the webpage */
  color: red;
  font: italic 2rem cursive;
}

<!-- This is what divs on the page all look like -->
<div>This is a normal div.</div>

<!-- and this is what your div looks like -->
<div style="all:unset; display:block">This is an unsettled div.</div>

Предупреждение: в настоящее время несовместимо с IE и Edge.