对于css中的类名题目的细致介绍-百分百源码网

对于css中的类名题目的细致介绍

发布时间：09/01 来源：未知浏览：关键词：

本文为大家细致介绍了css中的类名题目，拥有一定的参照价值，但愿可以帮忙到大家。一个合法的CSS类名必须下列划线或短横线或字母开头。

下列以数字开头的 CSS 类名不会生效：

.1st{
    color: red;
}

一个合法的 CSS 类名必须下列面其中之一作为开头：

1、下划线 _

2、短横线 -

3、字母 a - z

然后紧跟其他 _ ， - 数字或字母。

（举荐教程：CSS入门教程）

用正则表示，一个合法的 CSS 类名为：

-?[_a-zA-Z]+[_a-zA-Z0-9-]*

依据CSS 规范中的描述，要是类名开头是短横线 - ，第二个字符必须是下划线 _ 或字母，但实测发明，除了说起的两个，紧跟另一个短横线也是生效的。

下列是测试代码及效果：

should apply red color
should apply red color
should apply red color
should apply red color
should apply red color
should apply red color
.1st {
  color: red;
}
.-1foo {
  color: red;
}
.-_foo {
  color: red;
}

.--foo {
  color: red;
}

.-foo {
  color: red;
}
.foo {
  color: red;
}

效果如图：

相干视频教程举荐：css视频教程

以上就是对于css中的类名题目的细致介绍的细致内容，更多请关注百分百源码网其它相干文章！

打赏