您所在的位置:小祥子 » 编程 » CSS » 正文

css的#和.的区别

时间:2015-07-30 编辑:功夫 熊猫 来源:CnBlogs

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;
}
其中#和.的区别是什么
分享到:   2009-03-04 14:58 #群雄争霸,团队需要你!# 提问者采纳  
用 # 定义的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 是一样的
关键词: