问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

第一代后代

怎么样才算第一代后代,理解不了

提问者:wxqone 2015-07-11 09:33

个回答

  • wxqone
    2015-07-22 11:01:44

    谢谢,用表格来试验看的出来,用字体颜色来弄看不出来,所以就被弄混了

  • Perona
    2015-07-11 13:26:29

    那本案例来说

    <div class="fuit">
    <ul>
    	<li>水果
        	<ul>
                <li>香焦</li>
                <li>苹果</li>
                <li>桃子</li>
            </ul>
        
        </li>
    </ul>
    </div>

    这里如果设置.fuit ul{}那么就选择2个ul,一个是包围水果ul,一个是水果下的ul,也就是全部的后代。

    如果设置.fuit>ul{}那么就只选择包围水果的ul,即第一代后代。同时要注意的是第一代后代不是指第一个,而是只同一个阶层。如我们在fuit下再增加一个ul,也能选中。

    <div class="fuit">
    <ul>
    	<li>水果
        	<ul>
            	<li>香焦</li>
                <li>苹果</li>
                <li>桃子</li>
            </ul>
        
        </li>
    </ul>
    <ul>
        <li>水果2
        	<ul>
                <li>葡萄</li>
                <li>甜瓜</li>
                <li>荔枝</li>
            </ul>
        
        </li>
    </ul>
    </div>