HTML类未被识别[关闭]答案

【问题标题】：HTML class not being recognized [closed]HTML类未被识别[关闭]
【发布时间】：2017-10-27 01:44:45
【问题描述】：

此代码按预期工作，但是当我尝试将 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>

【问题讨论】：

“ 和” 与" 不同

标签： html css

【解决方案1】：

<div class=“test”></div> 中有一些奇怪的双引号。用常规双引号替换它们，您的代码就可以工作了：

<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>

【讨论】：

这些是智能引号。
好吧，我猜他们对浏览器来说太聪明了:)
是的，他们有点傲慢。

【解决方案2】：

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

改为<div class=“test”></div>。

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

【讨论】：

【解决方案3】：

您使用了不正确的引号作为开头。使用" 而不是“。

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

【讨论】：

【解决方案4】：

问题是class=“test”，您应该更改为class="test" 和font-family，此代码将起作用：

 <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>

【讨论】：