CSS样式表的继承性和层叠性（二）

important是英语里面的“重要的”的意思。我们可以通过如下语法：

k:v !important;

来给一个属性提高权重。这个属性的权重就是无穷大。

注意，一定要注意语法的正确性。

正确的语法：

font-size:60px !important;

错误的语法：

font-size:60px; !important;    不能把!important写在外面
font-size:60px important;      不能忘记感叹号

!important标记需要强调如下3点：

（1）!important提升的是一个属性，而不是一个选择器

		p{
			color:red !important;    只写了这一个!important，所以只有字体颜色属性提升了权重
			font-size: 100px ;       这条属性没有写!important，所以没有提升权重
		}
		#para1{
			color:blue;
			font-size: 50px;
		}
		.spec{
			color:green;
			font-size: 20px;
		}

所以，综合来看，字体颜色是red（听important的）；字号是50px（听id的）。

（2）!important无法提升继承的权重，该是0还是0

比如HTML结构：

	<div>
		<p>哈哈哈哈哈哈哈哈</p>
	</div>

有CSS样式：

	div{
		color:red !important;
	}
	p{
		color:blue;
	}

由于div是通过继承性来影响文字颜色的，所以!important无法提升它的权重，权重依然是0。

干不过p标签，因为p标签是实实在在选中了，所以字是蓝色的（以p为准）。

(3)!important不影响就近原则

如果大家都是继承来的，按理说应该按照“就近原则”，那么important能否影响就近原则呢？ 答案是：不影响。远的，永远是远的。不能给远的写一个important，干掉近的。

为了验证这个问题，我们可以搞两层具有继承性的标签，然后给外层标签加一个!important，最终看看就近原则有没有被打破。举例如下：

PS：做网站的时候，!important 尽量不要用。否则会让css写的很乱。

知识回顾

我们把以上内容和上一篇文章做一个简单的知识回顾。

CSS属性

css属性，面试的时候会有笔试，笔试没有智能提示的。

加粗，倾斜，下划线：

font-weight:bold;
font-style:italic;
text-decoration:underline;

背景颜色、前景色：

background-color:red;
color:red;

class和id的区别

class用于css的，id用于js的。

1）class页面上可以重复。id页面上唯一，不能重复。 2）一个标签可以有多个class，用空格隔开。但是id只能有id。

各种选择器(浏览器兼容性)

IE6层面兼容的选择器： 标签选择器、id选择器、类选择器、后代、交集选择器、并集选择器、通配符。如下：

p
#box
.spec
div p
div.spec
div,p
*

IE7能够兼容的：儿子选择器、下一个兄弟选择器。如下：

div>p
h3+p

IE8能够兼容的：

ul li:first-child
ul li:last-child

css两个性质

• 继承性：好的事儿。继承从上到下，哪些能？哪些不能？

• 层叠性：冲突，多个选择器描述了同一个属性，听谁的？

再看几个题目：