我的CSS没有响应ID和类标识符

Question

我有一个非常奇怪的问题。我只是尝试使用Ids和Classes来编辑我的HTML，并且出于某种原因它不被识别。这是我用过的HTML。

<p class="Benefits" ><center>Benefits of First Person Shooters</center></p>

这是CSS

.Benefits {
font-size: 60px;
}

我也不会回应。

Answer 1

在段落中放置center标记会创建无效的标记，浏览器会尝试修复这些标记。也：

  

HTML5不支持“center”标记。改用CSS。

.Benefits {
  font-size: 60px;
  text-align: center;
}

<p class="Benefits">Benefits of First Person Shooters</p>

Answer 2

添加的中心选择器与Benefits类

具有相同的字体大小

   .Benefits, center  {
      font-size: 60px;
    }

    <p class="Benefits" ><center>Benefits of First Person Shooters</center></p>

Answer 3

如果您检查HTML，您会注意到中心标记位于段落的外部。将类/ ID添加到中心标记而不是段落，或使用CSS将文本居中，而不是使用中心标记。

Answer 4

因为它在“中心”元素内。把你的课程放在“中心”。