类和 Id 在样式标签中不起作用答案

【问题标题】：Classes and Ids do not work in Style Tags类和 Id 在样式标签中不起作用
【发布时间】：2023-04-07 10:46:01
【问题描述】：

由于某种原因，如果我尝试使用样式标签中的类或 id 来设置元素的样式，那么什么也不会发生。如果 CSS 选择器只是在寻找一个标签而没有类或 id，它就可以正常工作。它在外部样式表中也能正常工作。我已经在 Chrome 和 Firefox 中对此进行了测试，除非这是我从未听说过的规则，否则我不知道发生了什么。像这样简单的事情甚至都行不通。 p 是蓝色的，但是 h1.1 不会变成红色。

<html>
<head>
<style type="text/css">
h1.1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1 class="1">This is a heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

有人能解释一下为什么会这样吗？如何在样式标签中使用元素的类来设置元素的样式？

【问题讨论】：

标签： html css class styles

【解决方案1】：

您甚至不需要 h1。只需编写： .a1 {color:red;} 使用点，您正在定义一个类，您可以通过在任何标记中包含 class="a1" 在 html 中将其应用于您喜欢的任何元素。这就是类的美妙之处……您可以尽可能多地使用它们，提供要应用它的 html 标记是有意义的。

【讨论】：

【解决方案2】：

检查 css 类名称约定@987654321@

css 类名应该以字母 A-Z 或 a-z 开头。

【讨论】：

【解决方案3】：

那是因为你使用了1 作为类名——而.1 不是一个有效的 CSS 选择器，所以它必须被转义：http://jsfiddle.net/wJsbj/

另见：

【讨论】：

【解决方案4】：

您不能以数字开头的班级名称。
试试这个：LIVE DEMO

<html>
<head>
   <style type="text/css">
      h1.a1 {color:red;}
      p {color:blue;}
   </style>
</head>
<body>
   <h1 class="a1">This is a heading</h1>
   <p>This is a paragraph.</p>
</body>
</html>

【讨论】：

【解决方案5】：

类或 id 名称应以字母开头。

【讨论】：

【解决方案6】：

类名必须以字母开头。

【讨论】：

我以为我在另一个页面上仍然遇到同样的问题，但我意识到我不知何故在班级名称前滑了一个句号。