.example .pp{
color: orange;
}
.example.pp2 {
color: green;
}
如上面的两个定义一个是中间有空格，一个是中间没空格。
第一个class要这样写生效：
<p class="example">文字文字
<span class="pp">pp这个class生效</span>
....
</p>
第二个class要这样写生效：
<p class="example pp2">
pp2这个class生效
</p>
.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。
.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。
另外 less中表示 .example.pp2 的写法：
.example{
&.pp2
}.
如上面的两个定义一个是中间有空格，一个是中间没空格。 第一个class要这样写生效： 第二个class要这样写生效...
查找class类定义前有多少个空格，如果用\s 会匹配到空格， 可以有\x20 来查找空格 查找using 使用的...
CSS 编码规范 书写规范 tab 用两个空格表示； css 的 :后加个空格， {前加个空格； 每条声明后都加上...
HTML文档是一棵树的结构，各元素以一种层次结构为基础构成‘树’的视图。文档树中的每个元素，要么是另一个元素的父元...
相信大家都知道 .class1 .class2 和 .class1.class2 是两种不同的选择规则，但具体怎样...
1. 空格 中英文之间需要加空格eg. 中文和 English 中的空格都是一个占位符。 中文与数字之间需要加空格...
Selector 一：类选择器 class元素可以有多个值，中间用空格隔开。一个文件中，可以有多个相同的class...
空格字符 css中＃和. 的用法不同点 是使用class引用的，多个控件可以同时使用一个class，一个控件上也可...
代码如下 两个类都是同一个div的class，但是.el-menu-item和.is-active中间有一个空格，...
本文标题：CSS中,两个class类之间有空格和没空格的区别是什么
本文链接：https://www.haomeiwen.com/subject/zdknfltx.html
网友评论