css的#和.的区别

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 是一样的
 
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 是一样的

猜你喜欢

转载自www.cnblogs.com/liuys635/p/12421135.html