p.first{color:green;}
p .first{color:green;}
p,.first{color:green;}
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;}
楼上的回答正解,但CSS的选择器不止这三个,建议楼主去类似w3c上看看css的选择器吧,都有相应例子和解释,一会儿就会了
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的