一 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:
相关文档：
1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别，包括：
· ul和ol的默认padding值是不一样的，在Firefox中， ......
<!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=""& ......
间隙属性是用来设置元素内容到元素边界的距离。包括：
1）左间隙属性（padding-left）
这个属性用来设定左间隙的宽度。例如：
.d1{padding-left:1cm}
2）右间隙属性（padding-right）
这个属性用来设定右间隙的宽度。例如：
.d1 {padding-right:1cm}
3）上间隙属性（padding-top）
这个属性用来设定上间隙的宽度。� ......
.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*划动块图片皮肤*/
thumbDownSkin: Embed(source="scrollBar/thumb. ......
