CSS類不適用於div的

這裏是我的代碼.1-html類和DIVCSS類不適用於div的

CSS：

.1-html { 
    height: 200px; 
    width: 200px; 
    border: 1px solid #000; 
}

HTML：

<div class="1-html"> 
</div>

來源

2017-11-11 Killer Johan

https://stackoverflow.com/questions/448981/which-characters-are-valid-in-css-class-names-selectors –

[哪些字符在CSS類名/選擇器中有效？]（https://stackoverflow.com/questions/448981/which-characters-are-valid-in-css-class-names-selectors） – silverFoxA

應該先閱讀「[如何問]（https://stackoverflow.com/help/how-to-ask）」 –

開始與數名是無效的CSS等等你需要避開這個號碼。

試試這個代碼塊，它的工作在我的瀏覽器

<html> 
<head> 
<meta charset = "UTF-8" lang="en"> 
<style> 

    [class="1-html"] { 
    height: 200px; 
    width: 200px; 
    border: 1px solid #000; 
} 
</style> 
</head> 
<body> 
<div class="1-html"> 

</div> 

</body> 
</html>

來源

2017-11-11 07:24:59

這似乎沒有工作。我嘗試過這個。在做出你所提出的改變之後，我也嘗試過''\ 1-html「'和'」1-html「'className'，但它沒有效果。黑色邊框沒有出現在div上。 – RBT

然後你可以使用這個[class =「1-html」] {/ *你的風格* /}。我修改了答案，你可以重新嘗試它，並添加我的瀏覽器屏幕截圖，更新代碼 –

是的。您更新的答案有效。我已更新您的答案以反映正確的部分。 – RBT

的名稱應以下劃線（_），連字符（ - ）開頭或字母（A-Z ），然後是任意數量的連字符，下劃線，字母或數字。如果第一個字符是連字符，則第二個字符必須是字母或下劃線，並且該名稱的長度至少爲2個字符。在How to name a css class和

結帳細節css selectors

下面的代碼應該工作或檢查here。

CSS：

.html-1 { 
    height: 200px; 
    width: 200px; 
    border: 1px solid #000; 
}

HTML：

<div class="html-1"> 
</div>

如果你想在類名的開始使用號碼，然後按照下面的代碼或檢查here：

CSS：

[class="1html"] { 
    height: 200px; 
    width: 200px; 
    border: 1px solid #000; 
}

HTML：

<div class="1html"> 
</div>

來源

2017-11-11 08:12:33

感謝有關連字符thingy的信息。只是一個小**修正**：如果第一個字符是連字符，第二個字符必須是字母，*連字符或下劃線。基本上，如果CSS類名稱以連字符開頭，那麼一個數字不能是第二個字符。 – RBT

所以'--h'是一個有效的CSS類名稱。 – RBT

是的！ --h是有效的CSS類名稱 –

CSS類不適用於div的

回答

相關問題