CSS 样式中逗号 (E,F) 和空格 (E F) 选择的区别是什么? 下面本篇文章就来给大家简单介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
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 前端自学 https://www.html.cn/ !!
来源: http://www.css88.com/qa/css3/18068.html