应用,一定要应用

BlogJava 首页 新随笔 联系 聚合 管理
  25 Posts :: 0 Stories :: 118 Comments :: 0 Trackbacks

   最近做网页的时候无意中发现一个有意思的问题,只在Ie中测试过,不知道在firefox中有什么现象。
先定义样式表:
<STYLE>
DIV .head1
{
 background-color: yellow;
}

DIV.head2
{
 background-color: red;
}

</STYLE>


展现样式:

<div class="head1">div1</div>
<span class="head1">span1</span>
<div class="head2">div1</div>
<span class="head2">span1</span>

div1
span1
div1
span1

测试head1 与head2的区别

<div>
<div class="head1">div2</div>
<span class="head1">span2</span>
</div>

div2
span2

<p>
<div class="head1">div2</div>
<span class="head1">span2</span>
</p>

div2
span2




总结:
 head1样式和head2样式的主要区别就是中间多了一个空格。 感觉像是head1样式是指在div内部适用的样式; head2样式是应用于div元素上的样式;

另:由于博客上的编辑器自动在style之间增加了cdata角标,导致我的效果无法显示,head1的效果我是通过设置背景色完成的,有兴趣的朋友可以把那几段代码拷出来存成一个文件,就可以看到效果。

请高手指教。

posted on 2006-11-02 13:14 flyffa 阅读(3028) 评论(7)  编辑  收藏 所属分类: css/层叠样式表

Feedback

# re: 【CSS】样式表中的类定义 2006-11-02 14:06 fef
下面四个为新开设的四个群,目前应该很轻松可以加入。
32141620 32141532 32141620 32141688 32141736 32141532
米鼠网的论坛也很有特色,所有发帖均有无一不漏均可以得到解答可见论坛里是高手如云啊!!!
米鼠网的论坛地址是:www.huazimc.com  回复  更多评论
  

# re: 【CSS】样式表中的类定义 2006-11-02 23:03 Tin
这很简单:
这就是css selector语法。
DIV .head1的意思是对在div标签下的所有class为head1的元素里面应用下面规则。你可以理解为DIV.*.head1。
DIV.head2的意思是对class为head2的div进行定义。  回复  更多评论
  

# re: 【CSS】样式表中的类定义 2006-11-03 13:06 rock [匿名]
不错,长见识了  回复  更多评论
  

# re: 【CSS】样式表中的类定义 2006-11-03 13:13 flyffa
@Tin
多谢指教,我还真没查到这个部分的帮助,多谢了  回复  更多评论
  

# re: 【CSS】样式表中的类定义 2006-11-03 13:13 flyffa
@rock [匿名]
呵呵,我也是
  回复  更多评论
  

# re: 【CSS】样式表中的类定义 2009-03-08 12:41 bjinner
二楼回答的不错,css选择器,全局应用  回复  更多评论
  

# re: 【CSS】样式表中的类定义 2012-04-06 18:13 12346
真的很好呢,看了感觉一下子明白了好多  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: