📜  哪些字符在 CSS 类名选择器中有效?(1)

📅  最后修改于: 2023-12-03 14:50:44.136000             🧑  作者: Mango

哪些字符在 CSS 类名选择器中有效?

在 CSS 类名选择器中,只有以下字符是有效的:

  1. 字母(a-zA-Z)
  2. 数字(0-9)
  3. 连字符(-)
  4. 下划线(_)

除此之外的任何字符都将被视为无效的字符,在类名选择器中不能使用。使用无效字符会导致 CSS 样式无法生效或出现错误。

以下是一些有效和无效的类名选择器示例:

有效示例
.valid-class {
  /* 样式 */
}

.valid-class-123 {
  /* 样式 */
}

valid_class {
  /* 样式 */
}
无效示例
invalid.class {
  /* 样式 */
}

inval!d-class {
  /* 样式 */
}

invalid#class {
  /* 样式 */
}

invalid class {
  /* 样式 */
}

总之,在命名类名时,应使用只包含有效字符的名称,以确保 CSS 样式可以正确应用。