【问题标题】:H1 tag not inheriting CSS styles [duplicate]H1标签不继承CSS样式[重复]
【发布时间】:2016-11-05 13:29:53
【问题描述】:

我的 h1 标签没有获取我的 CSS 样式。

<h1 class=123>ExampleText</h1>

我的目标是它,但它仍然不允许我更改 h1 标记的属性。

【问题讨论】:

  • 请分享一些示例代码或其他内容,以便我们重现问题并获取有关问题的更多详细信息。
  • 所以我做了一个 h1 标签,并给它一个类。上面的代码看起来像我然后使用了这样的 CSS .123 { text-size: 15px;文本对齐:居中;并且它不适用于我的代码。
  • @SArnab — 不正确。仅当值包含某些字符且该示例不包含任何字符时才需要引号。
  • @Quentin 哇,你是对的,刚刚在 HTML5 规范中检查了它。谢谢指正!

标签: html css


【解决方案1】:

这只是一个无效的 CSS 类,因为 CSS 类选择器不能以数字开头

来自w3C specs

在 CSS 中,标识符(包括选择器中的元素名称、类和 ID)只能包含字符 [a-z0-9] 和 ISO 10646 字符 +00A1 及更高,加上连字符 (-) 和下划线 ( _);它们不能以数字或连字符后跟数字开头。标识符还可以包含转义字符和任何 ISO 10646 字符作为数字代码(请参阅下一项)。例如,标识符“B&W?”可以写成“B\&W\?”或“B\26 W\3F”。

正如其他人所提到的,因此与缺少引号无关。因为正如@Quentin 在评论中解释得很好:

仅当值包含某些字符时才需要引号,并且 该示例不包含任何内容

看这个例子:

h1 {
  width: 50px;
  height: 50px;
  border: 1px dashed blue;
  float: left
}
.123 {
  background: red
}
.n123 {
  background: lightgreen
}
<h1 class=123></h1>
<h1 class=n123></h1>
<h1 class="123"></h1>
<h1 class="n123"></h1>

【讨论】:

  • 这并不完全正确。类可以以数字开头,CSS 类选择器不能
  • 你说得对,我会修复它 :) @Quentin 谢谢你,我没有想到开箱即用 :) 修复
猜你喜欢
  • 2012-10-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-02
  • 2011-03-16
  • 1970-01-01
相关资源
最近更新 更多