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

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

p span{

p,span{

两个有什么区别?

提问者:飙风小生 2015-05-01 13:51

个回答

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

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

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

  • 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>

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


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

    p.span{}

    p .span{}

    这两个的区别?