有一個比較有用的選擇器子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素。
如代碼編輯器中的代碼：
.food>li{border:1px solid red;}
這行代碼會使class名為food下的子元素li加入紅色實線邊框。
>這個“選擇指定標簽元素的第一代子元素”就是讓樣式只作用于它的孩子，不作用于他的孫子。
舉個例子:
“ 他們對自己的經歷缺乏熱情
“經歷”雖然是用span包的，但它是“p class="first"”的孫子，
它包在前一個span的里面（就是它孩子的里面），所以樣式對它不起作用。
如果把“>”改為空格，就會發現兩個span都有邊框了。空格用于元素的所有后代的。
空格是適用于所有對應元素，而>則是適用于下一代，并且可以連續使用，即.first>span>span
感覺如果將編程比喻成一場戰爭，而不同的語言就是代表不同的兵種，兵種之下就是一群有著自己個性的士兵。我們學習的html和css還有js就是三個不同的兵種了，它們的標簽語言代表了一群有著不同個性的士兵。
現在我們作為統帥，要學會的就是讓他們之間相互配合，接著就是不同兵種不同個性的士兵需要我們去溝通用不同的方式去和他們交流，隨著時間的前進，這些溝通的方式演變成了不同的套路，而我們現在要學會的就是使用這些套路去讓它們幫我們贏得戰爭，如此而已。
如果將我們比作統帥，選擇器就是發布命令的方法，作為統帥當然是希望將命令發布到每個士兵（標簽）手中，讓他們能夠按照我們的命令去執行任務，所以才會有這么多的選擇器，讓統帥的命令通過選擇器進行不同范圍的發布。
上一篇： 簡單的講述bootstrap柵格原理
下一篇： 類與id選擇器的區別
關鍵詞:
