邹峰

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

CSS用于定于html文档的样式,英文全称:Cascading Style Sheets,中文名叫层叠样式表。

css是页面表现的基础,可以控制布局,控制元素的渲染。

css代码由一个一个的规则组成,每个规则制定了:对那些(一个或多个)元素应用说明样式。

现在我们已经学习了选择器:

有五个基础选择器:通配符选择器、元素选择器、组合选择器、类选择器以及id选择器;它们都是基本的选择器,通配符选择器是谁引用了它,所有的字母或字符全部变为想要的样式;元素选择器是对元素进行改编样式,适用于所有元素标签;组合选择器是对多个元素标签进行改编样式;类选择器是对属性名为class的标签改变它的样式;id选择器是对属性名来id的标签改变他的样式,类选择器和id选择器有一个不同点是类选择器可以应用多多个标签,而id选择器只能应用到一个标签。

还有其他类别的选择器,比如后代选择器、子级选择器、伪类选择器、结构伪类选择器等等,我们就不一一列举了,下面说一说冲突声明的优先级。

 冲突声明:标签相同,声明相同,值不同就会发生声明冲突,声明冲突并不是一个错误。

层叠是一种机制,用于解决css的声明冲突。

解决声明冲突首先是比较优先级,优先级高的保留,低的淘汰;优先级从高到低排序分别是用户样式表的重要声明大于作者样式表的重要声明大于作者样式表普通声明大于用户样式表普通声明大于浏览器默认样式表中的声明。

如果上面都相同,再比较他的特殊性,特殊性高的保留,低的淘汰,特殊性从高到低排序分别是:行内样式大于id选择器大于类选择器大于元素选择器大于通配符选择器

最后如果他们以上都相同,就比较他们的源次数,最后出现的声明胜出,其他的则被淘汰。

这就是我们现在已学习的css的样式规则已经冲突声明的比较。

posted on 2017-12-17 17:00  邹峰  阅读(196)  评论(0)    收藏  举报