码迷,mamicode.com
首页 > Web开发 > 详细

html class选择器与id选择器

时间:2017-09-03 13:21:34      阅读:393      评论:0      收藏:0      [点我收藏+]

标签:size   有一个   错误   html   blog   logs   div   log   pre   

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">   <!-- 这是错误写法 -->

 

html class选择器与id选择器

标签:size   有一个   错误   html   blog   logs   div   log   pre   

原文地址:http://www.cnblogs.com/cc-freiheit/p/7469181.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!