CSS中的三种样式来源:创作⼈员、读者和⽤户代理
查看原⽂:
CSS中的样式⼀共有三种来源:创作⼈员、读者和⽤户代理,来源的不同会影响到样式的层叠⽅式,很多第⼀次学习CSS的朋友,对这三种来源可能会存在⼀些困惑,下⾯我写⼀下⾃⼰的理解,若有错误的地⽅还请指正。
html和css书籍推荐⾸先,创作⼈员(author’s+style)样式应该是我们最熟悉的,如果你是⼀个前端开发者,那么你写的那些样式就叫做创作⼈员样式。
然后是⽤户代理样式(agent’s+style),⽤户代理也就是我们通常所说的浏览器(IE、Firefox等等),这些浏览器会提供⼀些默认的样式,⽐如IE浏览器中,⼀个纯粹由html代码构成的⽹页⾥,我们会发现超链接会带有⼀个蓝⾊的前景⾊,这其实就⽤户代理样式,借⽤⼀些插件我们可以⽅便的查看这些默认样式(⽐如Firefox中的Web+developer)
最后,也是最容易被我们忽略的,读者样式(reader’s+style)。所谓读者⾃然就是浏览⽹页的⽤户,有些时候这些⽤户⾥可能会有⼈不满意⽹页的配⾊,或者字体⼤⼩,这时候他们就是通过浏览器提供的接⼝为⽹站添加读者样式。
介绍完了来源,我们来说⼀下如何按权重和来源排序,根据《CSS权威指南》(第三版P79)中总结的权重排序:
1.+创作⼈员的样式+>+读者⼈员的样式+>+⽤户代理的默认样式
2.+标记为重要声明(!important)的读者样式+>+⼀切样式
有的朋友可能⼀开始不太明⽩第⼆条的意思,实际上这是CSS提供的⼀个很好的选择机制,也就是说,通常情况下,创作⼈员样式会拥有最⼤的权重,这也是作为开发⼈员最想要看到的,但是⽤户拥有最终的选择权,可以通过!important覆盖到任何想要覆盖的样式。
查看原⽂: