1

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

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

4

6 回答 6

2

类名必须以字母开头。

于 2013-09-15T13:07:34.417 回答
2

那是因为您已用作1类名 - 并且.1没有制作有效的 CSS 选择器，因此必须对其进行转义：http: //jsfiddle.net/wJsbj/

也可以看看：

于 2013-09-15T13:09:42.723 回答
2

检查 css 类名约定css name conventions

css 类名应该以字母 AZ 或 az 开头。

于 2013-09-15T13:15:26.327 回答
1

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

于 2013-09-15T13:08:48.407 回答
1

您不能以数字开头的班级名称。
试试这个：现场演示

<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>
于 2013-09-15T13:08:51.173 回答
0

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

于 2013-09-15T15:30:11.923 回答