深入理解CSS选择器的优先级顺序

css中有很多选择器，比如类选择器，标签选择器，id选择器等等，不同选择器之间的优先级顺序也不一样，今天就和大家聊聊css选择器的优先级顺序，以及、!important的使用，有需要的朋友可以参考一下，希望对你有用。

1、!important 表示最高优先级。ie6浏览器不认识 !important 。

举例：

正常情况下，写在下面的样式优先级高于上面的样式

demo1{color:red;color:green; }

加了!important 那么它的优先级会比较高，ie6比较傻，不认识。

立即学习“前端免费学习笔记（深入）”；

demo2 {color:red !important; color:green; }

但是注意，ie6不认识!important的优先级，但并不代表ie6不认识带!important的样式属性。

demo3{color:red;color:green !important; }

2、CSS (Cascading Style Sheets) 级联样式表，在实际应用中，一般有以下三种级联方式。

优先级：内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

1. 外联式（应用于多个网页）

外联式样式表中，CSS 代码作为文件单独存放，如以 style.css 文件包含所有样式。在 HTML 中的外部级联采用

 //link 链接@import url("style.css"); //@import 导入