易截截图软件、单文件、免安装、纯绿色、仅160KB

一 css的优先级

一 css的优先级
今天有人跟我说css
hack中用!important来区分ie6,因为ie6不支持!important,是的在很早以前我也是用过这种方法写hack,但是后来就基本不用了。本来我对他谁的ie6不支持!important也没什么异议,可是正好在前几天正好用个这个!important属性解决了一个样式优先级的问题,而且是支持ie6的,这是为什么呢?到底ie6支不支持!important呢?
首先我们来看看!important这个属性的作用:!important是用来提升样式优先级的,我们知道样式是有优先级的。
我们先看看css的优先级的几个基本的规则:
ID选择器(形如#id{}) > 类选择器(形如.class{}) >
标签选择器(形如body{}或者*{}),也就是ID选择器,类选择器,标签选择器中,ID选择器的优先级最高,标签选择器最低;
选择器越具体优先级就越高,也就是
.classA .classB .classC{font-size: 25px;}
.classB
.classC{font-size:18px}
.classC { font-size: 12px; }
这里.classA .classB
.classC的优先级最高,.classC的优先级最低;
在同一个级别的情况下,最后指定的规则优先级就越高,也就是我们通常说的就近原则;html中标签的style的属性都高于css文件中的选择器样式;
标有”!important”的规则有最高优先级。
我们可以利用!important使该样式优先级最高,例如:
CSS代码:
#idA{font-size:20px}
.classA{ font-size: 12px; }
HTML代码:
我要20像素的字
我们知道根据上面的规则可以看出#idA{font-size:20px}的样式将被引用,那我们如果要12像素的字呢?
CSS代码:
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码:
我要12像素的字
这样.classA{ font-size: 12px !important; }这个样式就被引用了。
这种方法在优先级低的样式被优先级高的样式覆盖,又想引用优先级低的样式时候非常有用!
二  !important在ie6下的一个BUG
还是看这一段代码,
CSS代码:
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码:
我要12像素的字
大家可以在IE6下测试一下,文字是12像素的,也就是.classA{ font-size: 12px !important;
}被引用了,这证明IE6是支持!important的。但是css
hack中用!important来区分ie6,说ie6不支持!important又是怎么回事呢?
原来ie6下,在同一个选择器样式(即同一个大括号里面)下!important是无效的
,例如:
css代码:
.classA{ font-size:


相关文档:

【摘自网易博客】FireFox与IE中CSS兼容技术集绵整理

1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别,包括:
·                            ul和ol的默认padding值是不一样的,在Firefox中, ......

javascript &css实现的长文章分页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS代码实现的自动分页效果~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......

字符串截取问题 css截取字符串注意事项

<div class="llist" >
<div class="lbar">定向营销</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......

css僞类的意义

僞类                   意义
:first-child                       第一个孩子元素
:first-line&nb ......

用div+css解决VS2005中布局难的问题

用div+css解决VS2005中布局难的问题
Div+CSS布局入门教程 《转自 蓝色理想 http://www.blueidea.com/tech/site/2006/3574.asp》
页面布局与规划
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号