CSS 类名的难题详解

日期:2021-02-28 类型:科技新闻 

关键词:小程序制作流程,抽奖小程序,微信小程序怎么开店,小程序码生成,小程序模版

下列以数据开始的 CSS 类名不容易起效:

.1st{
    color: red;
}

1个合理合法的 CSS 类名必须下列面在其中之1做为开始:

• 下划线 _
•短横线 -
•字母 a - z

随后紧跟别的 _ , - 数据或字母。

用正则表达式表明,1个合理合法的 CSS 类名为:
 

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

另,依据CSS 规范 中的叙述,假如类名开始是短横线 - ,第2个标识符必须是下划线 _ 或字母,但实测发现,除提及的两个,紧跟另外一个短横线也是起效的。

下列是检测编码及結果:

<p class="1st">should apply red color</p>
<p class="⑴foo">should apply red color</p>
<p class="-_foo">should apply red color</p>
<p class="--foo">should apply red color</p>
<p class="-foo">should apply red color</p>
<p class="foo">should apply red color</p>
.1st {
  color: red;
}
.⑴foo {
  color: red;
}
.-_foo {
  color: red;
}

.--foo {
  color: red;
}

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

 

不一样类名具体实际效果

总结

以上所述是网编给大伙儿详细介绍的CSS 类名的难题详解,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!

上一篇:纯css完成变更照片色调的技能 返回下一篇:没有了