關(guān)于子選擇器的問題
為什么練習中的答案紅色邊框沒有包含水果和蔬菜的前面兩個點，順便在解釋一下子選擇器吧，初學，還是有點不明白
qq_雨花石的眼淚_0
2016-03-13
2 回答
舉報
0/150
提交
取消
2016-03-13
.food li{
? ? border:1px solid red;
? ?list-style-position:inside;
}
就會包括點了。
<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點個不包含在Li里面的內(nèi)容吧，你可以在Li 的父元素ul 的class中添加list-type:none;來去掉。子選擇器，比如說ul li 就是ul這個元素里面的所有含有<li>標簽的元素； 而ul>li就是，ul這個元素的第一級的子元素，這一級子元素如果內(nèi)部還包含了第二級的li,那么第二級的Li就不會算在里面。