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的

回答

相关问题