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

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过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类之间是空格和逗号的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读