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

后代对象问题

p>span{color:red;}和p空格span{color:red;}

是对p后代中的<span>元素有效还是对其他形式的标签<>一样有效

正在回答

2 回答

包含(后代)选择器

包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码:

.first  span{color:red;}

这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。

请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

总结:>作用于元素的第一代后代,空格作用于元素的所有后代。


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

门外小白3342804 提问者

空格,所有后代的情况下:如果<p>里面有<span>和其他标签(比如<a>或其他标签)那么对象是所有<span>还是所有<span>加其他子标签<a> ?
2016-05-22 回复 有任何疑惑可以回复我~

>是第一代 空格是作用于元素所有后代

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

门外小白3342804 提问者

空格,所有后代的情况下:如果<p>里面有<span>和其他标签(比如<a>或其他标签)那么对象是所有<span>还是所有<span>加其他子标签<a> ?
2016-05-22 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

后代对象问题

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

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

帮助反馈 APP下载

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

公众号

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