为什么字体属性不适用于类中的文本？ [复制]答案

【问题标题】：Why the font properties are not applied to text inside a class? [duplicate]为什么字体属性不适用于类中的文本？ [复制]
【发布时间】：2020-03-03 14:37:47
【问题描述】：

我想将一些字体属性应用到具有类的 span 元素内的某些文本但在浏览器中不应用字体属性。怎么办？

我想将字体和一些字体属性（如大小、重量）应用于 span 元素内的某些文本，该元素具有名为“2ndtype”的类。但是当我在 chrome 中打开它时，不会应用字体属性。怎么办？

html 看起来像这样：

<body>
    <div id="1stdiv">
       <h1>GOBIKES</h1> 
    </div>
    <div id="2nddiv"><img class="bikeimg" src="images/bikemain.jpg"></div>
    <div><span class="2ndtype">AVAILABLE BIKES IN YOUR LOCATION</span></div>
</body>

CSS 是：

.2ndtype {
    font-family: Candara;
    font-size: 27px;
    font-weight: bold; 
}

但在浏览器中，我只能将默认的 html 字体和大小应用于文本 “您所在位置的可用自行车”。

【问题讨论】：

标签： html css

【解决方案1】：

类名不能以数字开头！

基本上，名称必须以下划线 (_)、连字符 (-) 或字母 (a–z) 开头，后跟任意数字连字符、下划线、字母或数字。

Which characters are valid in CSS class names/selectors?

【讨论】：

感谢它的工作。我是新手，非常感谢您帮助我。
@abhis1312 这不是真的，你可以用数字开始一个类名。您只需要知道如何逃避它们：jsfiddle.net/mk96n413 ...（PS：您应该考虑阅读您提供的链接中的所有答案，而不仅仅是接受的答案）

【解决方案2】：

CSS 无法理解选择器以数字开头。在这种情况下，您必须使用属性选择器，例如

[class="2ndtype"] {
  font-family: Candara;
   font-size: 27px;
   font-weight: bold;
}

否则你将不得不更改班级名称，以字母或下划线开头。

jsFiddle：https://jsfiddle.net/tr4gkhsm/

【讨论】：

我认为这是一种 hack 和反模式。这些标准的存在是有原因的，不应被规避。 stackoverflow.com/questions/980601/what-is-an-anti-pattern

【解决方案3】：

所有 CSS 语法在 ASCII 范围内都不区分大小写（即 [a-z] 和 [A-Z] 是等效的），但不受 CSS 控制的部分除外。例如，HTML 属性“id”和“class”、字体名称和 URI 的值的大小写敏感性超出了本规范的范围。请特别注意元素名称在 HTML 中不区分大小写，但在 XML 中区分大小写。

https://www.w3.org/TR/CSS21/syndata.html#characters

【讨论】：