猿问

急!!子选择器的问题

.food>li{color:red;}

为什么所有后代都变红色?不是只有第一代有效吗?

<style type="text/css">
.food>li{color:red;}
    </style>
</head>
<body>
<ul class="food">
    <li>水果
        <ul>
            <li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
        <ul>
            <li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>

ANHGEU
浏览 1869回答 6
6回答

echo_kinchao

你这个是 父级下  所有li子集都是红  你应该写  li:first-child

samdeo

因为color属性是可以继承的。你设置了第一代的color属性值,第一代的所有后代元素就会继承第一代的color属性值。所以全部字体都变成红色的了。

ANHGEU

http://www.imooc.com/code/2023这一节讲的,>加了大于号应该只作用于第一代,为什么.food>li{color:red;}所有子代都变红色??

ANHGEU

补充问题

汉娜之眼

水果是第一代,第一代包括的li都变成红色
随时随地看视频慕课网APP
我要回答