首页 相关文章 CSS样式表层叠(cascade)处理冲突

CSS样式表层叠(cascade)处理冲突

  即使在不太复杂的样式表中,也可能会有两个或者更多个规则找到同一元素。CSS通过一个叫做层叠(cascade)的过程处理这种冲突。层叠给每个规则分配一个重要程度指数。作者定义的样式具有最高的重要性指数,其次是用户定义的样式。但是为了增强用户的控制能力,用户可以通过为任何规则增加一个! important来提高它的重要性指数,让它的优先级高于任何规则,甚至是比作者的!important还要高。

  因此,层叠重要性指数的次序依次为:

  标记为!important的用户样式

  标记为!important的作者样式

  作者样式

  用户样式

  浏览器/用户代理的默认样式

  为了计算规则的优先级,每种类型的选择符都有一个相应的数值,由于每个选择器都由若干选择符组成,所以选择器的优先指数由选择符对应的数值相加而成,数值越高,优先级越高。CSS中的选择符有四类:

  行内样式(Inline Style),如<span style="color:red"...</span

  ID选择符(ID selectors),如#myid

  类、属性...[ 查看全文 ]

2016-02-19 标签:

CSS样式表层叠(cascade)处理冲突的相关文章

手机页面
收藏网站 回到头部