选择器中间加空格和逗号的区别?

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

飙风小生

2015-05-01 13:51

p span{

p,span{

两个有什么区别?

写回答 关注

3回答

  • Perona
    2015-05-01 14:02:50
    已采纳

    p span{}选择了P元素下的所有span元素。这是后代选择器,空格是后代选择器的标识符。

    p,span{}选择了P元素和span元素。这是多元素选择器,同时选择多个元素,元素之间用逗号分隔。

    飙风小生

    非常感谢!

    2015-05-01 14:22:02

    共 2 条回复 >

  • Perona
    2015-05-01 14:50:58

    p .span{}即选择元素p下的包含span类的后代选择器。.代表类选择器。

    举个栗子:

    <p>

             <em class="span">我是p元素的后代</em>

    </p>

    p.span{}表示选择包含span类的p元素。

    举个栗子:<p class="span">我是包含span类的段落</p>

    上面格式都乱了,以这个为准。


    Perona 回复飙风小生

    .aaa img.bbb{}选择aaa类下的包含bbb类的img元素。如: <div class="aaa"> <img class="bbb" src="url"/> </div>

    2015-05-01 16:41:29

    共 2 条回复 >

  • 飙风小生
    2015-05-01 14:19:44

    p.span{}

    p .span{}

    这两个的区别?

    Perona

    p .span{}即选择元素p下的包含span类的后代选择器。.代表类选择器。举个栗子:​<p>         <em class="span">我是p元素的后代</em></p>p.span{}表示选择包含span类的p元素。举个栗子:<p class="span">我是包含span类的段落</p>

    2015-05-01 14:50:16

    共 1 条回复 >

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

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

1225806 学习 · 18234 问题

查看课程

相似问题