問題：
css選擇器#main > .images與#main .images與#main, .images的區別
CSS選擇器有以下幾種：
之前在CSS選擇器(一)中介紹過前三種，后四種選擇器如下所示：
部分選擇器.png
由上圖可以看出：
-
#main > .images為子元素選擇器 -
#main .images為后代選擇器 -
#main, .images為組合選擇器
以如下代碼為例，具體區分：
<div id="main">
<div class="images">
我是 main 的子級元素
</div>
<div id="inside">
<div class="images">
我是 main 的后代元素，但我不是 main 的子級元素
</div>
</div>
</div>
<div class="images">
我的class是main
![Uploading 子元素選擇器_140432.png . . .]
</div>
#main > .images
解釋：只選擇作為id="main"元素子元素且class="images"的元素
為其添加樣式：#main > .images{color: red;},顯示如下：
子元素選擇器.png
#main .images
解釋：選擇作為id="main"元素后代元素且class="images"的元素
為其添加樣式：#main .images{color: red;}，顯示如下：
后代選擇器.png
#main, .images
所謂組合選擇器，就是將兩個選擇器以“, ”分割，表示兩個完全不相關的選擇器命中的元素，都適用于后面的css屬性。
解釋：選擇id="main"和class="images"的元素
為其添加樣式：#main, .images{color: darkorange;},顯示如下：
組合選擇器.png
