爲什麼不能在瀏覽器中使用CSS類？

我有這個html;爲什麼不能在瀏覽器中使用CSS類？

<div class="1"><br/>hi</div> 
<div class="2"><br/>hi</div> 
<div class="3"><br/>hi</div> 
<div class="4"><br/>hi</div>

然後我添加了普通的CSS格式到div;

div{ 
    height: 100px; 
    width: 100px; 
    border-radius: 100%; 
    margin: 20px; 
    display: inline-block; 
    text-align: center; 
}

然後我想每個div都是不同的顏色，所以我用這樣的類;

.1{ 
    background-color: pink; 
} 

.2{ 
    background-color: red; 
} 

.3{ 
    background-color: orange; 
} 

.4{ 
    background-color: yellow; 
}

我在Dreamweaver寫這個，當我了div點擊小類的東西告訴我，他們是有色和代碼工作，但是當我在瀏覽器中預覽顏色顯示不出來和我只是得到CSS的div部分。它可能非常明顯，但我想不出爲什麼會發生這種情況。謝謝:)

來源

2014-10-11 thyme

因爲類名不能以數字開頭。 – emmanuel 2014-10-11 22:37:44

另請參見[哪些字符在CSS類選擇器中有效？]（http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-selectors）以獲取有關合法內容的說明和什麼不在CSS類名稱中。 – GolezTrol 2014-10-11 22:39:07

哈哈非常感謝，我甚至沒有想到！ – thyme 2014-10-11 22:39:12

請避免在開始時使用帶編號的類。它肯定會失敗。可以使用例如cl1，cl2，cl3等。

來源

2014-10-11 22:40:17 podwysoc

爲什麼不能在瀏覽器中使用CSS類？

回答

相關問題