css样式中逗号和空格选择的区别
css中 用逗号隔开表示两个不同类的样式类名用同一个样式;
空格隔开表示从属包含关系,是当前的元素子元素;
逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。
比如下面的代码示例:
<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的相关知识,可访问:web前端自学!!
以上就是css样式中逗号和空格选择的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!