Question

您好我很抱歉，如果这是一个非常简单的问题，但我对html和CSS非常新。问题是我试图将样式添加到我在html中创建的div类，而css似乎无法识别该文件。

＆＃13;

.main-content {
  background-color: red;
}

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="second.css">
</head>
<body>
  <div class="site">
      <header class="masthead">
      </header>

      <h1 class="page-title">Hello
      </h1>

      <main class="main-content">
      </main>

      <aside class="sidebar">
      </aside>

      <footer class="footer">
      </footer>
  </div> <!-- .site -->
</body>
</html>

＆＃13;

我尝试过使用firefox和chrome，因此使用过时的浏览器似乎不是问题。将代码复制并粘贴到codepen.io中也会产生相同的结果。我可以选择的唯一方法是选择一般元素，如h1。我还要仔细检查以确保first.html和second.css确实是正确的文件名。

有关我缺少什么的任何建议？如果它非常简单，我也可以得到一些建议，这样我就不会去问这么多简单的问题。

Answer 1

由于您的main标记内没有内容，因此样式不可见。添加一些内容，您将看到已应用的样式。

你还提到你想要设计div的样式，我只看到一个。您可以使用其类名称对其进行如下设置。

.site {
 background-color: red;
}

CSS类选择器无法正常工作

1 个答案: