Question

出于某种原因，如果我尝试使用Style标签中的类或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>

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

Answer 1

班级名称必须以字母开头。

Answer 2

这是因为您使用1作为班级名称 - .1没有制作有效的CSS选择器，因此必须对其进行转义：http://jsfiddle.net/wJsbj/

另见：

Answer 3

检查css类名约定css name conventions

应使用字母A-Z或a-z开始css类名称。

Answer 4

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

Answer 5

您无法使用数字开始课程名称。
试试这个：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>

Answer 6

你甚至不需要h1。只需写：.a1 {color：red;}使用点，您可以通过在任何标记中包含class =“a1”来定义一个在html中应用于您喜欢的任何元素的类。这就是课堂之美......你可以随心所欲地使用它们，提供你正在应用它的html标签。

类和ID在样式标记中不起作用

6 个答案: