javascript - 使用 `!important` 覆盖背景颜色

如何覆盖类背景颜色?尝试 !important 但不起作用,文本仍然是黄色的。

<!DOCTYPE html>
<html>
<head>
<style>
.myclass {
  background-color: yellow ;
}
</style>
</head>
<body>

<p class="myclass" background-color="red !important">This is some text in a paragraph.</p>

</body>
</html>

回答1

如果你想使用内联样式(不好),你应该在 html 元素上使用 style 属性,并且以任何方式使用 css 你应该使用冒号 : 而不是 = 来将 value 赋予属性,试试这个片段:

<!DOCTYPE html>
<html>

<head>
  <style>
    .myclass {
      background-color: yellow;
    }
  </style>
</head>

<body>

  <p class="myclass" style="background-color:red !important;">This is some text in a paragraph.</p>

</body>

</html>

回答2

您需要将内联 css 放入 style 属性中,如下所示:

<!DOCTYPE html>
<html>
<head>
<style>
.myclass {
  background-color: yellow ;
}
</style>
</head>
<body>

<p class="myclass" style="background-color: red !important;">This is some text in a paragraph.</p>

</body>
</html>

回答3

你需要提到风格。

<p class="myclass" style="background-color:red !important;">This is some text in a paragraph.</p>

相似文章

html - 无休止地显示徽标 slider 图像

我有一个无限运行的slider,但是当图像向左滚动时会出现空白。slider到达终点后会重置,但看起来不太好。我的目标是让图像连续流动,这样就没有空白了。可以使用哪些方法来实现这一目标?PS。在整页中...

最新文章