首页 > css关于"层叠"这个概念中,读者和浏览器是什么的问题

css关于"层叠"这个概念中,读者和浏览器是什么的问题

层叠是说按作者,读者和浏览器这样的优先级顺序来应用样式.如果读者样式中有!important这个声明,则读者的样式优先级最高.
我想问这个读者的样式是不是要自己写css文件?
还有比如ie自定义颜色字体这些选项是属于读者还是浏览器默认层面?


第一个问题:是需要读者(user)自己写的,IE可以通过Internet 选项 -> 外观 -> 辅助功能 -> 用户样式表来指定样式文件。Chrome可以使用Stylish扩展来实现。

至于你说的ie中自定义字体颜色,它的优先级比user agent的高,但是比user的低,你可以理解为他修改了user agent的默认值,也可以认为他保存在了一个你看不到的user级别的样式文件中。


下面是关于这三者优先级之间的一个简单的介绍,便于大家理解,如果已经了解,可以选择跳过。

CSS按来源的不同分为3类author, user, user agent。简单解释一下:

详情请参考(见参考链接)

那么,这三者之间的关系是如何呢?

标准里面说的很清楚,优先级: author > user > user agent。这时是不会考虑CSS的specificity的。
但是对于使用了!important关键字的样式来说,user的优先级是大于author的优先级的。这么做的原因是试图平衡authoruser
因此最终的优先级顺序是:

user agent < user 中普通的样式 < author中普通的样式 < author中使用!important修饰的样式 < user中使用!important修饰的样式。

参考:

http://www.w3.org/TR/CSS21/cascade.html#cascade

【热门文章】
【热门文章】