关于CSS的规则优先级

阅读更多

      在CSS中,如果某个元素可以匹配中多条样式规则时,如何判定使用哪一条规则,这就是一个优先级问题?

      带着这个问题,在Google中找到下面这篇web,对上面的问题,做了一番解释。现在转贴于下,作为了解的起点。


      CSS规则层叠时的优先级算法


CSS 规则的优先级是Web前端开发人员必须理解的一个概念,我们常用的添加样式的方法有4种。

inline style

embeded style

external style

user style

inline style是丑陋的,它们穿梭在HTML文档中,与HTML元素扭成一团,给Web前端开发人员造成了许多麻烦。它们往往以这样的面目出现:

This is a paragraph.< /p>

 embeded style比inline style绅士一些,它们也寄宿在HTML文档中,但是它们不屑于与HTML元素扭成一团。它们往往在 < style> 元素中出现: