ios CSS blur无效 css !important无效

css的样式的特性之一：重要性

重要规则：

不同的css样式具有不同的权重，对于同一元素，后定义的css样式会代替先定义的css样式，但有时候设计师需要某个css样式拥有最高的权重，此时就需要标出此css样式为“重要规则”。

阅读到一本书，书中贴了如下代码：

.font01{color: red;}

p {
color: blue； !important
}

<p class="font01">使用重要规则的时候这段文字 会显示为蓝色</p>

按照上诉重要性规则的介绍，在未加入！important代码时

<p class="font01">使用重要规则的时候这段文字 会显示为蓝色</p>

这段代码会优先显示.font01的样式,即文字内容显示为红色。

可是在我运行上诉代码时候，我发现！important并未起作用。即使加入！important文字依旧为红色，没有显示为蓝色。

后面查阅资料才发现 书上贴的代码是不使用的。

color: blue; !important    这种代码有问题

应该更正为：

color: blue !important;       
 (!important要包含在属性值和分号之间 如果在!important前插入分号 
 会导致重要规则无效。

正确的运行结果：

（p标签的样式设置 比.font01类选择器的样式设置 优先使用）

注意⚠️：!important的声明规则将高于访问者本地的样式的定义，因此需要谨慎使用。

举例书中的例子：
当设计师不指定css样式的时候，浏览器也可以按照一定的样式显示出HTMl文档，这时浏览器使用自身内定的样式来显示文档。同时，访问者还可以设定自己的样式表，例如视力不好的访问者会希望页面内的文字显示得大一些，因此其设定了一个属于自己的样式表保存在本机内。此时，浏览器的样式表权重最低，设计师的样式表会取代浏览器的样式表来渲染页面，而访问者的样式表将会优先于设计师的样式定义。