使用css更改div的背景颜色答案

【问题标题】：change background color of div using css使用css更改div的背景颜色
【发布时间】：2013-07-23 21:43:41
【问题描述】：

是否可以使用 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>

【问题讨论】：

使用background 或background-color css 属性。
你是说这个吗：$('body').css('backgroud-color','someColor'); ?
您发布的代码似乎有效！还是做到了？我们感谢具体的问题陈述。
我只想改变 div 颜色。
:not什么？语法为:not(simpleSelector)（例如:not(.className) 或:not(h2)）。参考：negation pseudo-class :not().

【解决方案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');
});

【讨论】：

【解决方案2】：

使用以下内容：

.div{
  background-color: #000;
}

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

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

【讨论】：

【解决方案3】：

看起来不错，只要确保使用背景色即可。如果有帮助的话，我做了一个随机颜色的东西。 http://gascalculator.ca/randomcolor

虽然我使用的是纯javascript，但我对jquery并不熟悉

【讨论】：

【解决方案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");
});

【讨论】：