html+css基礎課8-6子選擇器這一節關于子選擇器
子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素，那為什么水果一個邊框，蔬菜一個邊框。
慕UI7009929
2017-08-15
7 回答
舉報
0/150
提交
取消
2017-08-15
第一代是一個層級的概念。水果和蔬菜相對于ul都是第一代。如果在ul里面重新套入新的ul-li，那這個新的一代就不會變化了。你可以試一下
2017-08-15
水果，蔬菜均為名為food這個class的第一代子元素，所以代碼作用會分別給水果和蔬菜各加一個邊框。
2017-08-15
在此頁代碼中，第一代子元素被設置為<li></li>，內部的元素稱為二代子元素，因此不能被執行樣式，第二段落的<li>標簽默認為同級別元素?？梢岳斫鉃轭愃茦祟}一的樣式和標題一的樣式是一樣的。我是不是說的太亂了？
2017-08-15
<ul class="food"> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?/* ? ? ? ?1代目 ? ?*/
? ? <li>水果 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? /* ? ? ? ? 2代目 ? */
? ? ? ? <ul> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??/* ? ? ? 3代目 ? */
? ? ? ? <li>香蕉</li> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??/* ? ? ? ? 3代目的子代，以下類推 ? */
? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??/* ? ? ? ?與“水果”同級的2代目 ? */
? ? <ul> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??/* ? ? ? ? 3代目 ? */
? ? ? ? <li>白菜</li> ? ? ? ? ? ? ? ? ? ? ? ??/* ? ? ? ? 3代目的子代 ? */
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
我也是初學，應該是這個意思，不對的話請指正謝謝
2017-08-15
<li>水果</li>與<li>蔬菜</li>是平行關系，他們同為food的直接子節點，也就是同為food的第一代子元素，互為兄弟節點
2017-08-15
只用于選擇指定標簽元素的第一代子元素
2017-08-15
兩個都是第一代 香蕉蘋果這些是第二代