CSS

一、逗号 和 空格 的区别

1. css中 用逗号隔开表示两个不同类的样式类名用同一个样式；

2. 空格隔开表示从属包含关系，是当前的元素子元素；

3. 逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。

4. 比如下面的代码示例：

   <div class="content">
       <span class="content-child">子内容</span>
   内容</div>
   <div class="conter">内容2</div>
   <style>
       .content .content-child{
           color:red;//空格隔开表示在类content下的类样式.content-child的样式被改变了
       }
       .content,conter{
           color:#ffd014;//逗号表示在不同的类下，样式都被改变。
       }
   </style>