开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第24天，点击查看活动详情
一、important 的作用
定义及语法
!important，作用是提高指定样式规则的应用优先权（优先级）。语法格式
{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}。
在 CSS 中，通过对某一样式声明! important ，可以更改默认的 CSS 样式优先级规则，使该条样式属性声明具有最高优先级。
浏览器识别
ie7 及 ie7+,firefox,chrome 等浏览器下，已经可以识别 !important 属性， 但是 IE 6.0IE6 及更早浏览器下仍然不能完全识别。important 的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE 6.0 认为! important 优先级较高，否则当含! important 的样式属性被同一个{}里的样式覆盖时，IE 6.0 认为! important 较低!。
二、Css 中 link 和@import 的区别
适用范围不同 @import 可以在网页页面中使用，也可以在 css 文件中使用，用来将多个 css
文件引入到一个 css 文件中；而 link 只能将 css 文件引入到网页页面中。
功能范围不同 link 属于 XHTML 标签，而@import 是 CSS 提供的一种方式，link 标签除了可以加载 CSS 外，还可以定义 RSS，定义 rel 连接属性等，@import 就只能加载 CSS。
加载顺序不同 当一个页面被加载的时候，link 引用的 CSS 会同时被加载，而@import 引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import 加载 CSS 的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。
兼容性 由于@import 是 css2.1 提出的，所以老的浏览器不支持，@import 只有在 IE5 以上的才能识别，而 link 标签无此问题。
控制样式时的差别 使用 link 方式可以让用户切换 CSS 样式.现代浏览器如Firefox,Opera,Safari都支持 rel=”alternate stylesheet”属性(即可在浏览器上选择不同的风格),当然你还可以使用Javascript 使得 IE 也支持用户更换样式。
权重区别 link 引入的样式权重大于@import 引入的样式。
