在CSS中,定义Class类别时带空格和不带空格时的区别

在CSS中,定义Class类别时带空格和不带空格时的区别

本文主要介绍css选择器中带空格、不带空格的具体区别。

1、如果css类选择器带空格

.foot .pp{ color: green; }

带空格的话,被称为后代选择器,那么对应的html代码要这样写才生效

<p class="foot">文字文字
<span class="pp">pp这个class生效</span>
</p>

2、如果css类选择器不带空格

.foot.pp2 { color: green; }

那么对应的html代码要这样写生效,class属性上面同时有foot和pp2,用空格隔开

<p class="foot pp2">
pp2这个class生效
</p>

一般是要语义化的写CSS样式,所以会在定义class的时候加空格。

另外拓展一下,会存在下面和上面类似的情况,带逗号的

.ee,.ff 代表 class='ee' 和 class='ff' 都会被选择上。

<div class="ee"></div>
<div class="ff"></div>

系统应用

Guest Posts:高端外链策略

Guest Posts直译为“客座文章”或“客座日志”,简单说来就是我要在某个知名的高权重博客上发表文章,通过这个博客的知名度和读者群来推广自己的博客或网站,从而获得高质量的流量和Backlink。当...
weinxin
我的微信
我的微信
微信扫一扫
 
admin
  • 本文由 admin 发表于 2024年6月15日
  • 转载请务必保留本文链接:https://www.cismin.cn/663.html