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其它相关文章!