Question

此代码按预期工作，但是当我尝试将css从影响div整体改为仅仅类时它似乎不起作用。我看了一下语法，但似乎找不到任何错误。

* {
  margin: 0;
  font-family: "Helvetica”, sans-serif;

}

.test {
  background: #0d0e0d;
  height: 32px;
  width: 100vw;
}

<html>

<head>
  <title>WEBSITE</title>

</head>

<body>
  <div class=“test”></div>
</body>

</html>

Answer 1

你的<div class=“test”></div>中有一些奇怪的双引号。用普通双引号替换它们，你的代码正常工作：

＆＃13;

<html>
        <head>
            <title>WEBSITE</title>
            <style>
                *{
                    margin: 0;
                    font-family: "Helvetica”, sans-serif;
                }
                .test {
                    background:#0d0e0d;
                    height:32px;
                    width:100vw;
                }
            </style>
        </head>
        <body>
            <div class="test"></div>
        </body>
    </html>

＆＃13;

Answer 2

尝试 <div class="test"></div>

代替<div class=“test”></div>。

“”是智能引号，而classname应该在""引号中

Answer 3

您使用不正确的引号开头。使用"代替“。

此外，您需要了解CSS特异性。如果您为div标记声明了样式，则与该类test关联的任何样式都将优先。

Answer 4

问题是class=“test”您应该更改为class="test"，而font-family也是如此，此代码将有效：

＆＃13;

 <html>
        <head>
            <title>WEBSITE</title>
            <style>
                *{
                    margin: 0;
                    font-family: "Helvetica", sans-serif;
                }
                .test {
                    background:#0d0e0d;
                    height:32px;
                    width:100vw;
                }
            </style>
        </head>
        <body>
            <div class="test"></div>
        </body>
    </html>

＆＃13;

HTML类无法识别

4 个答案: