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

课程

/前端开发

/HTML/CSS

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

p span{color:purple;} 和p>span{color:purple;} 中的“空格”和">" 和子/后代选择器有什么联系

答案给的是p span {} 或 p>span{} ，这是一个什么样的标签定位呢？

因为这样，让我把子选择器，包含后代选择器的写法有点混乱了。

谢谢了。

天空的云朵

2015-07-19

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

关注问题 我要回答
3314
操作
收起

正在回答

1 回答

Perona
2015-07-19

p span{} 这是后代选择器。HTML结构可以是这样子的

<p>这是
    <span>一个
          <span>很重要的提示：我也是P元素的后代</span>
    </span>
</p>

p>span{} 这是子代元素。HTML结构可以是这样子的

<p>我的子代元素
    <span>我是p元素的子代元素</span>
    <span>我也是p元素的子代元素</span>
</p>


1 回复 有任何疑惑可以回复我~
收起回答
#1

天空的云朵 提问者

谢谢老师的精彩回答，原来子代，后代也可以用标签来写，而不仅仅是类 class的方式。
2015-07-19 回复 有任何疑惑可以回复我~
#2

天空的云朵 提问者

非常感谢！
2015-07-19 回复 有任何疑惑可以回复我~
#3

Perona 回复 天空的云朵 提问者

朵朵呀，我也是童鞋~~~
2015-07-19 回复 有任何疑惑可以回复我~
#4

天空的云朵 提问者

之前学习有点混了，我以为子选择器，和后代选择器，也必要用到class属性， 例 <p class="first"> ...... <span> 三年线</span> ..... </p> 我理解子选择器方式 ： .first>span{color:red;} 后代选择器 .first span {color:red;} 都是借用了class属性，才知道也可以直接通过标签来完成，也就是老师给的标准答案。这应该是在8-6， 8-7给的例子不够完善导致的。
2015-07-19 回复 有任何疑惑可以回复我~
#5

Perona 回复 天空的云朵 提问者

选择符基本上都是通用的，如空格表示后代选择器，>表示子代选择器，逗号表示分组选择器。没事，现在不都弄清楚了嘛。赞！
2015-07-19 回复 有任何疑惑可以回复我~
#6

天空的云朵 提问者 回复 Perona

达者为师。我看到你回答了好多人的问题呢，辛苦了。
2015-07-19 回复 有任何疑惑可以回复我~
#7

Perona 回复 天空的云朵 提问者

不客气，反正闲着也是闲着（憨笑）
2015-07-19 回复 有任何疑惑可以回复我~
查看4条回复

举报

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

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

进入课程

本课相似问答

4 回答.first span {color:purple;}和p span {color:purple;}有什么区别啊

1 回答p span{color:purple;}

5 回答p span{color:purple;} p&gt;span{color:purple;}这是什么意思

4 回答P&gt;span{color:purple;}

4 回答p&gt;span{color:purple;}
搜索更多本课相关问答

p span{color:purple;} 和p>span{color:purple;} 中的“空格”和">" 和子/后代选择器有什么联系

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信