当你将一个样式添加到元素上却发现不起作用时，那就是遇到优先级问题了。那么应该如何处理 CSS 优先级问题呢，下面我总结了一些解决 CSS 优先级问题的常用法则。

之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。 首先，阅读 w3c 对两者的定义：

这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after。

postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值： position: absolute position: relative position: fixed position: static position: inherit 本文主要详细讨论 position 属性的前三个值，首先大概讲解下后两个值： static static 为 position 属性的默认值，static 元素会遵循...