關(guān)于子選擇器的問(wèn)題
為什么練習(xí)中的答案紅色邊框沒(méi)有包含水果和蔬菜的前面兩個(gè)點(diǎn)，順便在解釋一下子選擇器吧，初學(xué)，還是有點(diǎn)不明白
qq_雨花石的眼淚_0
2016-03-13
2 回答
舉報(bào)
0/150
提交
取消
2016-03-13
.food li{
? ? border:1px solid red;
? ?list-style-position:inside;
}
就會(huì)包括點(diǎn)了。
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? <li>香蕉</li>
? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
水果和蔬菜都是food的子，但香蕉、蘋果、梨不是，
香蕉、蘋果和梨是水果的子，是food的后代。
2016-03-13
li前面2點(diǎn)個(gè)不包含在Li里面的內(nèi)容吧，你可以在Li 的父元素ul 的class中添加list-type:none;來(lái)去掉。子選擇器，比如說(shuō)ul li 就是ul這個(gè)元素里面的所有含有<li>標(biāo)簽的元素； 而ul>li就是，ul這個(gè)元素的第一級(jí)的子元素，這一級(jí)子元素如果內(nèi)部還包含了第二級(jí)的li,那么第二級(jí)的Li就不會(huì)算在里面。