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的