一个页面编写过程中可能有多个样式作用到同一元素身上，那么，究竟采用哪种样式，浏览器分析渲染时有自己的规则，以下提供常用的比较方法（数字越大，优先级越小）：
一、样式来源及优先级
程序编写：
1、！important（非样式来源，编写过程中提高优先级方法，慎用）
2、行内
3、内部
4、@import引入
5、link引入
浏览器：
6、用户自定义
7、浏览器默认
二、程序中选择器优先级
1、id选择器；
2、类、伪类、属性选择器；
3、标签选择器
4、通配符、派生选择器（后代、子代、相邻兄弟）
5、继承
派生选择器本身没有权重，权重值为祖先（父代）和后代（子代）权重之和。
选择器优先级依照上表对应值分以下层次：
1、0100
2、0010
3、0001
4、0000
5、无数值
每种选择器有对应的权重值，先比较样式来源，再比较选择器权重，选择器权重可以相加（请网上查阅资料）；样式来源和权重均相同时，采用后设置样式覆盖先设置样式的规则（代码从上往下执行）。
元素可继承属性：
全部元素继承：cursor、visibility。
行内元素继承：font、font-style、font-variant、font-weight、font-size、line-height、font-family、color、text-decoration、text-transform、direction、white-space、letter-spacing、word-spacing。
块元素继承：text-indent、text-align。
列表元素继承：list-style、list-style-type、list-style-position、list-style-image。
以上内容为本人自行探索，难免错漏。写出来一方面用于交流，另一方面期盼高手过路能随意指点两手，指出本人理解有误之处，不胜感激！