为了账号安全,请及时绑定邮箱和手机立即绑定

继承与包含

如下图。我想用包含实现第一段和其中的胆小如鼠都有边框,但是没实现。

http://img1.sycdn.imooc.com//575fa6de0001445214710569.jpg

正在回答

10 回答

解决:在.first和span之间加逗号。

".first span"该选择器的意思是选择类为first的标签中所有span标签。

".first, span"该选择器的意思是选择类为first标签和span标签。

相关课程:http://www.imooc.com/code/2024

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

Summer1987 提问者

非常感谢!
2016-06-14 回复 有任何疑惑可以回复我~

感谢各位的帮助,我又回去看了遍,是我错了,谢谢!

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

包含选择器的样式是在其子代实现,其本身并不实现,要实现第一段也有边框可以用分组选择

.first,span{border:1px solid red;}

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

首先感谢各位的回答。

如果改成 .first,span{...},这样就成为了分组选择,我看了包含(后代)选择的例子,不明白为什么我这样写实现不了。

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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>!important</title>

<style type="text/css">

p{color:red;}

p span{border:1px solid red;}

</style>

</head>

<body>

    <h1>勇气</h1>

    <p style="border:1px solid red">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span class="first">简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

    

</body>

</html>


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

你的写法等于只强调了span标签,变成了first中的span,而不是first和span

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

第八行改成   .first,span{...}

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

.first,span{border:1px solid red;}

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

你试试这么写:

.first{border:1px solid red;}

span{border:1px solid red;}

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

第8行写成:

.first,span{border:1px solid red;}

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227127    人
  • 解答问题       18247    个

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

进入课程

继承与包含

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号