“我怎么能？”；禁用"；覆盖我的CSS的内联样式？

我正在编写一个Chrome扩展来修改Squarespace的用户界面，它将CSS“覆盖”在您的网站上，以显示基于浏览器的网站生成器

假设这是我的身体CSS：

body {
 background-color: #000000;
 background-image: url("/storage/body.jpg");
 background-repeat: no-repeat;
 background-position: top center;
}

当您打开Squarespace的用户界面时，它会使用内联样式向CSS添加一些类。因此，这会自动添加到我的代码中：

{
padding-top: 56px;
background-position: 50px 56px;
}

因此，由于我正在使用CSS Chrome扩展修改用户界面，我想从本质上“跳过”或“禁用”添加这些内联样式。我可以用它！在我的扩展CSS中很重要，但是有些网站可能使用不同的背景位置，我不想在扩展中只放“背景位置：上中上！重要；”。我也不想只使用脚本剥离类，因为它们还用于其他样式

---

谢谢

如果您必须保留内联样式（如中所述，不将样式移动到外部样式表，或在

中至少移动

元素），则使用

这实际上是唯一的CSS方法

---

您可以使用Javascript查找元素的属性，并根据需要进行更改，但是

！重要信息

是CSS中唯一可以覆盖内联样式的内容

：）

---

如果您必须保留内嵌样式（例如，不将样式移动到外部样式表，或至少移动

中的

元素），请使用

这实际上是唯一的CSS方法

---

您可以使用Javascript查找元素的属性，并根据需要进行更改，但是

！重要信息

是CSS中唯一可以覆盖内联样式的内容

：）

---

！重要信息

是覆盖内联样式的唯一方法。

！重要信息

是覆盖内嵌样式的唯一方法。

myElement
{
    background-position: center !important;
}