在css定义CLASS时中间有空格和没空格的区别

Question

如题所述

Answer 1

如果两个class之间以空格分隔，则两个class之间是包含关系，或者说前一个class是后一个class的父元素或者祖先元素（也可以说后一个class是前一个class的子元素或后代元素），样式将作用在后一个class上。
如果两个class之间以逗号分割，则两个class之间是平等关系（跟它们的实际关系无关），样式将同时作用在两个class上

Answer 2

.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 = E F 是后代选择器。

.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。

Answer 3

这位网友你好，这不是一个名字，而是两个，空格表示的是包含关系。这个的意思是包含在class名为footer里面的a标签。html代码结构如下：

这里是a标签