问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

p first和p>first的区别

p first和p>first有啥区别,一样的么?这个是css3新改的????

提问者:满目疮痍 2015-04-07 11:41

个回答

  • Perona
    2015-05-04 22:36:52

    <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>li{border:1px solid red;}//这里只有food类下的li加了边框。

    后代选择器:.food li{border:1px solid blue;}//这里food类下所有的li都加了边框。

    @Abner7777

  • Perona
    2015-04-07 12:47:21

    p first 是后代选择器。

    p>first是子代选择器。

    不一样的。后代选择器会选择所有后代。子代选择器只会选择第一代。