首页 > Web开发 > 详细

html class选择器与id选择器

时间:2017-09-03 12:46:09      阅读:271      评论:0      收藏:0      [点我收藏+]

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选择器

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!