                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么这样写不会沿用第二个.p>span{border:1px solid blue};

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>子选择符</title>
<style type="text/css">
.food>li{border:1px solid red;}/*添加边框样式（粗细为1px， 颜色为红色的实线）*/

.p>em{color:red};
.p>span{border:1px solid blue};
</style>
</head>
<body>
<p class="p">三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢<em>回答<span>老师提</span>出的问题，</em>生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<h1>食物</h1>
<ul class="food">
    <li>水果
        <ul>
            <li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
        <ul>
            <li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>
</body>
</html>

weibo_骑着小钻风上高架_0

2017-11-01

源自：初识HTML(5)+CSS(3)-升级版 8-6

关注问题我要回答

1684

操作

收起

5 回答

sunshine_123
2018-02-14

.first>em{border:1px solid blue;color:red}这样能达到效果

0 回复有任何疑惑可以回复我~

阳火锅
2017-11-14

你语法有问题啊你应该这样写.p>em>span{color:red;border:1px solid blue}

2 回复有任何疑惑可以回复我~

慕函数12138
2017-11-13

但是我把第一个类选择器删除了，第二个类选择器的css样式并没有显示出来啊。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>子选择符</title>
<style type="text/css">
.food>li{border:1px solid red;}/*添加边框样式（粗细为1px， 颜色为红色的实线）*/
 

.p>span{border:1px solid blue};
</style>
</head>
<body>
<p class="p">三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢<em>回答<span>老师提</span>出的问题，</em>生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<h1>食物</h1>
<ul class="food">
    <li>水果
        <ul>
            <li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
        <ul>
            <li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>
</body>
</html>

在这里，你试试，所以事实证明这个大于号还是有用的只作用于父标签下的第一个子标签，如果把大于号改成空格就有用了。下一章会讲解，希望能看到。

0 回复有任何疑惑可以回复我~

慕侠1415010
2017-11-01

我也不知道啊，不知道这样给不给经验

0 回复有任何疑惑可以回复我~

慕移动0294067
2017-11-01

子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素.

0 回复有任何疑惑可以回复我~

#1

weibo_骑着小钻风上高架_0 提问者

我知道呀，我把第一个.p>em{color:red};删除，第二个就显示了

2017-11-02 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226250 人
解答问题 18236 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

3 回答.first>span{border:1px solid red;}和.first span{border:1px solid red;}有什么区别

3 回答.first>span{border:1px solid red;}

2 回答p>span{border:1px solid red;}，这样写也对，只是系统判错

3 回答.first>span{border:1px;solid red;}

3 回答.first>p{border:1px solid red;}用P标签为什么不能设置样式呢？

搜索更多本课相关问答

为什么这样写不会沿用第二个.p>span{border:1px solid blue};

我要回答关注问题

意见反馈帮助中心 APP下载