问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

怎么理解区别

p.first{color:green;}  

p .first{color:green;}

p,.first{color:green;}

提问者:盐盐 2015-06-06 12:35

个回答

  • puffbaby
    2015-06-17 16:40:17

    p.first{color:green;} --> <p class="firls"></p>

    p  .first{color:green;} --> P内有class为first的元素

    <p><p class="first"></p><img class="first"></p>

    p,.first{color:green;}--> p{color:green;}     .first{color:green;}

  • Vecchio阿加西
    2015-06-06 13:33:14

    楼上的回答正解,但CSS的选择器不止这三个,建议楼主去类似w3c上看看css的选择器吧,都有相应例子和解释,一会儿就会了

  • 成者并非一蹴而就
    2015-06-06 12:47:44

    p.first{color:green;}    ---  作用于P标签且类名为first的(比如p下的span class="first"就不属于)

    p .first{color:green;}  --- 作用于P标签下所有包含first类的(比如p下的span class="first"就包含在内)

    p,.first{color:green;} --- 同时选中p元素,所有包含类first的