css之!important

2016-02-19 17:46 5 1 收藏

下面是个超简单的css之!important教程，图老师小编精心挑选推荐，大家行行好，多给几个赞吧，小编吐血跪求~

【 tulaoshi.com - Web开发】

原来css在同一个大括号内是让firefox优先认领，也就是说只有在同一括号内定下两个样式的时候ie不得不忽略掉它，而不是像网上大多介绍的那样直接忽略。其实!important还有保护的作用，在任何需要保护的属性后面插入它可以避免被基于特性的属性覆盖。例如：#nav a{color:red;} a{color:teal !important},通常，一个带有id名#nav的元素里的一个链接会变设设位红色，因为这个#nav a比标签样式具体的多，但因为包含了！important，以为则会这个属性永远胜出。

这样，对!important的理解也就更深入了。

哦，这样叫!important才对么。

另再补充下css的优先级，一个标签选择器1分，一个类选择器10分，一个id选择器100，一个行内样式1000，！important就当无限分吧，呵呵。分值相同时按后出现优先的原则算，ok.

来源:http://www.tulaoshi.com/n/20160219/1616000.html

上一篇：哀悼死难同胞网站变灰色的方法
下一篇：由Sybase向SQL Server移植数据库

看过《css之!important》的人还看了以下文章更多>>

css之!important 02-19
IE、Firefox、Opera和Safari对CSS样式important和*的支持 02-19
css的优先级和!important与ie6的BUG 02-19
You are not so important Understand ? 02-20
CSS之圆角矩形 02-19
CSS布局之浮动（二） 02-19
CSS布局之浮动（一） 02-19
CSS学习之CSS网页制作的10个技巧 02-19
网页设计之css+div PK table+css 02-19
网站设计之合理架构css 01-29

网页技巧之怎样编写CSS

标签： Html CSS布局 Div+CSS XHTML

一种是把CSS文档放到＜head＞文档中：＜style type=“text/css”＞ …… ＜/style＞其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：＜p style=“font-size：14pt；color...

CSS之绝对定位深入研究

标签： Web开发

一、下看个两个例子 1.xhtml代码 body div class="relative" span class="absolute"Test absolute/span /div /body 2.css代码 .relative { position:relative;height:120px; border:2px solid black; } .absolute { position:absolute; top:10px; left:10px; paddin...

CSS样式表一席谈之CSS快速入门

标签： Web开发

在当今的网页制作中，几乎所有漂亮的网页都用了CSS。 CSS是 Cascading Style Sheet的缩写，有些书上把它译为 “层叠样式表”。有了CSS的控制，我们的网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。虽然只短短的十几行代码，得到的效果却不同凡响。其基本用法是在网页中插入如下格式的一段代码：...

CSS学习之css代码的简写的十条规则

标签： Web开发

使用缩写可以帮助减少CSS文件的大小，更加容易阅读。我看了别人写的一些css样式，发现自己很多时候写的也不够简单和规范。我整理了一些发上来 1.1：颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#ffffff可以缩写为#fff;#33dd66可以缩写为#3d6; 1.2 盒尺寸盒模型的缩写刚开始比较难记，可以用顺时针来帮助记忆. 通常有...

jQuery帮助之CSS尺寸(五)outerHeight、outerWidth

标签： Web开发

以便更好控制元素来满足我们的要求，那么我们可以通过outerHeight(options)和outerWidth(options)来获取到这部分的高度和宽度。 outerHeight(options) 获取第一个匹配元素外部高度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。返回值：Integer 参数： options(Boolean) : (false) 设置为 true 时，计算边距在内。示例： ...

查看更多精彩>>