html class选择器与id选择器

class选择器：

<p class="p1">

.p1{
  color:red;
  .....    
}

 

id选择器:

<p id="p2">

#p1{
  color:red;
  .....    
}

 

异同：

相同点：可以应用于任何元素
不同点：

　　1.id全局唯一；class无要求；

　　2.class选择器可以写成下面形式：

<p class="p p1">

.p{
  color:red;
  .....    
}


.p1{
 font-size:20px;
  .....    
}

　　id只能有一个。错误示例：

<p id="p p2">   <!-- 这是错误写法 -->