本文主要是介绍逗号(分组选择器)，空格(后代选择器),(子选择器)，+(紧紧挨着的一个)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
.food,li{border:1px solid red;}//分组选择器，选择所有 <div> 元素和所有 <p> 元素.food>li{border:1px solid red;}//子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素，而不包括第二代和第三代等等。
.food li{border:1px solid red;}//包含（后代）选择器 <div> 元素内部的所有 <p> 元素，包括第二代和第三代等等后续代。
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
element+element 选择器用于选取第一个指定的元素之后（不是内部）紧跟的那一个元素。
<style>
div+p
{
background-color:yellow;
}
</style>
</head><body>
<h1>欢迎来到我到的主页</h1><div>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div><p><span style="color:#ffcc33;">我最好的朋友是米老鼠</span>。</p><p>我的样式不会改变。</p>这篇关于逗号(分组选择器)，空格(后代选择器),(子选择器)，+(紧紧挨着的一个)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
