html+css基礎(chǔ)課8-6子選擇器這一節(jié)關(guān)于子選擇器
子選擇器，即大于符號(>),用于選擇指定標(biāo)簽元素的第一代子元素，那為什么水果一個邊框，蔬菜一個邊框。
慕UI7009929
2017-08-15
7 回答
舉報
0/150
提交
取消
2017-08-15
第一代是一個層級的概念。水果和蔬菜相對于ul都是第一代。如果在ul里面重新套入新的ul-li，那這個新的一代就不會變化了。你可以試一下
2017-08-15
水果，蔬菜均為名為food這個class的第一代子元素，所以代碼作用會分別給水果和蔬菜各加一個邊框。
2017-08-15
在此頁代碼中，第一代子元素被設(shè)置為<li></li>，內(nèi)部的元素稱為二代子元素，因此不能被執(zhí)行樣式，第二段落的<li>標(biāo)簽?zāi)J為同級別元素?？梢岳斫鉃轭愃茦?biāo)題一的樣式和標(biāo)題一的樣式是一樣的。我是不是說的太亂了？
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>
我也是初學(xué)，應(yīng)該是這個意思，不對的話請指正謝謝
2017-08-15
<li>水果</li>與<li>蔬菜</li>是平行關(guān)系，他們同為food的直接子節(jié)點，也就是同為food的第一代子元素，互為兄弟節(jié)點
2017-08-15
只用于選擇指定標(biāo)簽元素的第一代子元素
2017-08-15
兩個都是第一代 香蕉蘋果這些是第二代