0

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

4 回答 4

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');
});

现场示例：http: //jsfiddle.net/7rbdg/1/

于 2013-07-23T22:35:54.433 回答
0

如果我理解正确，您要做的是在单击 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");
});

这是一个活生生的例子。

于 2013-07-23T22:29:56.373 回答
0

使用以下内容：

.div{
  background-color: #000;
}

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

另外，你打算<div class="div">...</div>在代码中的某个地方使用吗？

于 2013-07-23T21:46:21.080 回答
0

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

我用的是纯javascript，我不熟悉jquery

于 2013-07-23T21:46:58.420 回答