Question

以下是我的代码.1-html和div

CSS：

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

HTML：

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

Answer 1

名称应以下划线（_），连字符（ - ）或字母（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>

Answer 2

以数字开头的名称在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>

CSS类不适用于div

2 个答案: