2015-11-26 51 views
-2

此代碼不工作,我不明白爲什麼..任何理由這一點的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> 
+5

請在您的問題中過濾代碼段(不需要圖像),以便我們可以複製/過去和測試,還包括javascript並告訴我們究竟是什麼不工作 –

+0

定義「不工作」。它可能會完美地工作,而不是你想要的方式。 – Banana

回答

6

不能在類名中使用空格,<div class="class 1"將被解釋爲一個div兩類class1

+0

啊,這是簡單的..謝謝你,我完全錯過了。 – Busdriver667

+1

歡迎,爲什麼我被拒絕投票? :) –

+0

類標籤中的空格是有效的html,因爲您可以添加多個類。在這種情況下,有兩個類,一個叫'class',另一個叫'1'。雖然說'1'類是無效的,因爲類必須以下劃線(_),連字符( - )或字母(a-z)開頭。 –