SS中的三种样式来源：创作人员读者和用户代理

Posted 2020-09-29 暗影侠客

CSS中的样式一共有三种来源：创作人员、读者和用户代理，来源的不同会影响到样式的层叠方式，很多第一次学习CSS的朋友，对这三种来源可能会存在一些困惑，下面我写一下自己的理解，若有错误的地方还请指正。

首先，创作人员（author‘s+style）样式应该是我们最熟悉的，如果你是一个前端开发者，那么你写的那些样式就叫做创作人员样式。

然后是用户代理样式（agent‘s+style），用户代理也就是我们通常所说的浏览器（IE、Firefox等等），这些浏览器会提供一些默认的样式，比如IE浏览器中，一个纯粹由html代码构成的网页里，我们会发现超链接会带有一个蓝色的前景色，这其实就用户代理样式，借用一些插件我们可以方便的查看这些默认样式（比如Firefox中的Web+developer）

最后，也是最容易被我们忽略的，读者样式（reader‘s+style）。所谓读者自然就是浏览网页的用户，有些时候这些用户里可能会有人不满意网页的配色，或者字体大小，这时候他们就是通过浏览器提供的接口为网站添加读者样式。

介绍完了来源，我们来说一下如何按权重和来源排序，根据《CSS权威指南》（第三版P79）中总结的权重排序：

1.+创作人员的样式+>+读者人员的样式+>+用户代理的默认样式

2.+标记为重要声明（!important）的读者样式+>+一切样式

有的朋友可能一开始不太明白第二条的意思，实际上这是CSS提供的一个很好的选择机制，也就是说，通常情况下，创作人员样式会拥有最大的权重，这也是作为开发人员最想要看到的，但是用户拥有最终的选择权，可以通过!important覆盖到任何想要覆盖的样式。