问答详情
源自:9-3 权值计算-特殊性

关于一些格式混淆的问题

如 p,span{color:red;}和p span{color:red}的区别,p和span中间逗号隔开与空格隔开的区别,分别是什么效果?求大神

提问者:19921009ab 2016-05-11 17:24

个回答

  • 小学生2010
    2016-05-11 17:45:01

    p,span{color:red;}  影响的是<p>...</p>,<span>...</span>

    p span{color:red;} 影响的是<p><span>...</span></p>

  • 李珗殅3215805
    2016-05-11 17:34:25

    p,span{color:red;}                p和span的文本颜色是红色(注:逗号代表和;p和span都是红色的)。

    p span{color:red;}           p里面的span的文本颜色是红色{只有span标签包括的内容是红色的;}

  • Ar_Vic
    2016-05-11 17:33:34

    1. p,span{color:red;} 相当于 p{color:red;} 和 span{color:red;} ,所有的p标签和span标签的字体颜色都会变红。

    2. p span{color:red}是 包含(后代)选择器,只有p标签里的span标签字体颜色会变红。


  • 李珗殅3215805
    2016-05-11 17:31:03

    p,span  他两是同级,

    p span  他两是父子级别

  • 慕姐1502985
    2016-05-11 17:30:53

    逗号是分组选择,空格是后代选择