Question

是否可以使用css更改div的背景颜色？

到目前为止

代码：

CSS

.div{
background-color: #000;
}

.live .div:not{
background-color: #ddd;
}

的Javascript

function change(){
$("body").addClass("live");
}

HTML

<div onclick="change()">change</div>
<div>...</div>

Answer 1

每个人似乎都对你要完成的事情感到困惑。 @fedxc可能有正确的解决方案。但是，如果您尝试仅更改单击的div的颜色，则可以执行此操作：

HTML：

<body>
    <div>
        Change this div!
    </div>
</body>

CSS：

div{
    background-color: #000;
    color: white;
}

div.live{
    background-color: #ccc;
}

使用Javascript：

$("div").click(function(){
    $(this).addClass('live');
});

Answer 2

使用以下内容：

.div{
  background-color: #000;
}

.live .div:not{
  background-color: #ddd;
}

另外，您是否要在代码中的某处使用<div class="div">...</div>？

Answer 3

看起来很棒你正在做什么，只要确保使用背景颜色。如果它有帮助的话，我用随机颜色做了一件事。 http://gascalculator.ca/randomcolor

我使用纯javascript，我不熟悉jquery

Answer 4

如果我理解你想要做的是在点击DIV时改变身体背景颜色。

由于您使用的是jQuery，我会在DIV上使用.click（）函数触发背景颜色更改。

HTML

<body>
    <div class="div">
        Change my world!
    </div>
</body>

CSS

.div{
background-color: #000;
color: white;
}

的JavaScript

$(".div").click(function(){
    $("body").css("background-color", "#ddd");
});