我只希望在将ID用作选择器而不是类名时更改元素的样式

Question

我创建了一个扩展，在该页面打开时创建了一个div元素。但在不同的网站上，它看起来有所不同，因为每个网站的风格都不同。

Answer 1

您可以使用all:unset将元素的所有样式重置为默认值。 all是所有属性的简写，unset将值重置为为CSS定义的出厂默认值。

请注意，这也会破坏所有useragent样式，因此您必须在使用此值后将display值恢复为block。

＆＃13;

＆＃13;

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

＆＃13;

<!-- 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>

＆＃13;

＆＃13;

＆＃13;

警告：目前与IE和Edge不兼容。