css的#和.的区别

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;
  }
其中#和.的区别是什么

分享到：   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 是一样的

转载于:https://www.cnblogs.com/good10000/p/4747127.html