在 CSS 中，選擇器是一種模式，用于選擇需要添加樣式的元素。
css中主要有一下幾種選擇器：

元素選擇器
類選擇器
ID 選擇器
選擇器分組
屬性選擇器
后代選擇器
子元素選擇器
相鄰兄弟選擇器

那么怎么區(qū)別#main > .images與#main .images與#main, .images呢，最好是用代碼來說話，這樣會比較明顯，以下代碼用這三種不同的選擇器會出現(xiàn)不同的結(jié)果。

<div id="main">
  <div class="images">
      <p>I am main`s son.</p>
  </div>
  <div class="main1">
      <div class="images">
          <p>I am main`s grandson.</p>
      </div>
  </div>
</div>
<div class="images">
   <p>I am images.</p>
</div>

#main > .images

帶有 “ > ”符號，表明這是一個子元素選擇器，則表明選擇了main的子類images，即只會選擇兒子，而不會選擇孫子之類的。
使用 #main > .images{color: red;}，則顯示為

#main .images

該選擇器是后代選擇器，則說明只要是main的后代images則都可以選擇，即不光是兒子可以選擇，孫子也可以選擇。
就剛才的例子，若把改為使用#main .images{color: red;}，則顯示結(jié)果為：

#main, .images

這就是選擇器分組，“ ，”號表明是和的關(guān)系，即會選擇所有id為main，class為images的元素。
就剛才的例子，若把改為使用#main，.images{color: red;}，則顯示結(jié)果為：