这个小小的html / css不起作用的原因是什么?

时间:2015-11-26 14:59:01

标签: html css

此代码不起作用,我无法理解为什么......

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.class1{ float:left; margin:10px; background:#09C; width:100px; height:100px; cursor:pointer;}
.class2{ float:left; margin:10px; background:#0C0; width:100px; height:100px; cursor:pointer; }
</style>

</head>
<body>
<div class="class 1" onclick="toggleClass(this)"></div>
<div class="class 1" onclick="toggleClass(this)"></div>
<div class="class 1" onclick="toggleClass(this)"></div>
<div class="class 1" onclick="toggleClass(this)"></div>
</body>
</html>

1 个答案:

答案 0 :(得分:6)

您不能在班级名称中使用空格,<div class="class 1"将被解释为包含两个班级class1的div。