Question

这可能是我犯的一些愚蠢的错误，但是我无法将其样式应用于“ searchBar”类。它可以很好地应用于身体，但是当我尝试将其应用于班级时，它什么也没做。下面是我的HTML和CSS。

body {
  font-family: sans-serif;
  background-image: linear-gradient(90deg, gray, skyblue);
};

.searchBar {
  display: flex;
  justify-content: center;
}

<body>

  <div class = "searchBar">
    <h1>Find your game</h1>
    <input type='text' placeholder='search..'>
  </div>

</body>

不知道为什么没有出现封闭的正文标签，而是在其中。

Answer 1

您应该将分号放在主体部分的末尾。

body {
  font-family: sans-serif;
  background-image: linear-gradient(90deg, gray, skyblue);
}

.searchBar {
  display: flex;
  justify-content: center;
}

我的CSS仅适用于身体，不适用于特定类别

1 个答案: