Question

我有这段代码：

<html>
    <head>
      <title>Document Title</title>
    </head>
    <body>
      <div style="border:1px solid black;"
           style="background-color: green !important;">
        Test Text
      </div>
    </body>
</html>

边框按指定存在。但是，div的背景不是绿色。为什么div的背景不是绿色的？

我知道这是基本的，但我已经读了好几个小时了，我无法在任何地方找到答案。

Answer 1

使用一个样式属性。此外，您不需要!important，内联样式始终具有最高优先级。

＆＃13;

<div style="border:1px solid black; background-color: green;">
  Test Text
</div>

＆＃13;

Answer 2

你应该在你的编码中只使用一种风格来实现CSS的属性。

这里是代码;

在这里输入代码

<!doctype html>
<html>
    <head>
      <title>Document Title</title>
    </head>
    <body>
      <div style="border:1px solid black;background-color: green;">
        Test Text
      </div>
    </body>
</html>

Answer 3

每个元素只能有一个样式属性，因此忽略第二个样式属性。只需将它们结合起来：

<div style="border:1px solid black;background-color: green !important;">
    Test Text
</div>

<强> jsFiddle example

无法设置div的背景颜色

3 个答案: