请问p span和p,span的差别

来源:9-3 权值计算-特殊性

笑猪猪

2016-03-06 22:45

p span {color:red;}

p,span {color:red;}

写回答 关注

5回答

  • 宅到天荒地老
    2016-03-06 22:50:23
    已采纳

    p span {color:red;}:包含选择器。是p标签下面的后辈标签span的颜色设置为红色。

    p,span {color:red;}:分组选择器。是整个文档里面的p标签和span标签颜色设置为红色

    笑猪猪

    非常感谢!

    2016-03-06 22:52:16

    共 1 条回复 >

  • lsummer
    2016-03-06 22:59:31

    p span {color:red;}:包含选择器。是p标签下面的所有后代span标签的颜色设置为红色。如:<p class="first">三年级时,我还是一个<span>胆小如鼠</span><span>aaa</span> </p> 这里的胆小如鼠和aaa都会变成红色

    p,span {color:red;}:分组选择器。是整个文档里面的p标签和span标签颜色设置为红色.

    如:<p class="first">三年级时,我还是一个</p><span>胆小如鼠</span>  此时“三年级时,我还是一个”和 “胆小如鼠”都是红色

    笑猪猪

    谢谢你抽空回答我的问题!很有帮助!祝您生活愉快!

    2016-03-06 23:20:26

    共 1 条回复 >

  • 我是坏学生
    2016-03-06 22:56:10

      </p>包含的的span

    笑猪猪

    谢谢你抽空回答我的问题!很有帮助!祝您生活愉快!

    2016-03-06 23:20:51

    共 1 条回复 >

  • xuanflyer
    2016-03-06 22:54:01

    p span表示<p>  </p>包含的的span的颜色都设置为红色。p,span表示所有的p和span都设置为红色,类似与一个列表。

    笑猪猪 回复xuanfl...

    嗯嗯,好的。谢谢你

    2016-03-06 23:27:46

    共 3 条回复 >

  • 慕斯卡2199041
    2016-03-06 22:52:36

    一般标签都有语义,p标签是指一个段落,而且默认是一个块级元素,span是一个行内元素的代表,没有什么意思,一般可以放文字等行内元素,例如
    <p>这是一段简介内容这是一段 <span class="red">简介</span> 内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容</p>
    以上是一段简介的段落,需要将“简介”两个字红色显示。当然这只是举的一个容易理解的例子而已。
    span标签可以放在p标签里,p标签不应该放在span标签里

    笑猪猪

    嗯谢谢您的回答!

    2016-03-06 23:22:32

    共 1 条回复 >

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

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

1225297 学习 · 18230 问题

查看课程

相似问题