首页 > Web开发 > 详细

css的#和.的区别

时间:2015-08-21 11:05:27      阅读:265      评论:0      收藏:0      [点我收藏+]

css的#和.的区别,

 

css的#和.的区别

2009-03-04 14:43fyws  分类:Html/Css | 浏览 1911 次

css的#和.的区别
如:
#home #h3 {
padding-top:0;
padding-bottom:0;
}
.pop #h2, .pop #h3 {
position:static;
background:none;
border-width:0;
width:auto;
}
其中#和.的区别是什么

用 # 定义的css 要用 id="home" 来引用
用 . 定义的css 要用 class="pop" 来引用

像下面
#home #h3 表示 id为 home的网页元素 里面的 id为 h3的元素
引用
{
padding-top:0;
padding-bottom:0;
}
样式

<div id="home">
   <div id="h3"> 这个div用 #home #h3 样式</div>
</div>

<div class="pop>
   <div id="h2"> 这个div用 .pop #h2 样式</div>
</div>

<div class="pop>
   <div id="h3"> 这个div用 .pop #h3 样式</div>
</div>

.pop #h2   和 .pop #h3 是一样的

css的#和.的区别

原文:http://www.cnblogs.com/good10000/p/4747127.html

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