Question

css样式 逗号和空格的区别

Answer 1

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>

Answer 2

逗号分隔类名，空格表示该类名下的任意符合要求的子元素

Answer 3

逗号两边是兄弟关系，空格两边则是父子关系

Answer 4

逗号是 A与B 同时具有，空格是 在A标签内部具有B~~的标签，前者是两个都，后者是被限定了的B
--itjob