css类之间是空格和逗号的区别是什么？

css类之间是空格和逗号的区别：

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

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

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

比如下面的代码示例：

<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>

效果如下：

推荐：css手册

以上就是css类之间是空格和逗号的区别是什么？的详细内容，更多请关注0133技术站其它相关文章！