0 Comments

css优先级问题

发布于:2015-04-21  |   作者:爬行的蜗牛  |   已聚集:人围观

爬行的蜗牛在写布局的时候有时候会用到关于css优先级的问题,所以整理下这个问题,方便自己以后查看。分享给大家:

多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。

一般情况下,优先级如下:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style
有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。

我们直接看例子吧,比较直观:

我们看下结果:

这里我们分析一下,我们看代码一共有三个关于这个h3的颜色设置,一个是内部样式设置的是绿色,一个是外部样式设置的是蓝色,一个是内联样式设置的是红色的。看下结果我们知道这个h3

颜色是红色的。

这里有个例外我们需要强调一下:但是如果只有外部样式和内部样式,是根据前后顺序来的。   


好的我们再举个例子:

在查看下结果:

这里我们再分析一下:如果按照正常的情况这里的h3应该是绿色的,因为内部样式是绿色,外联样式是蓝色。但是如果只有外联样式和内部样式的话,是根据先后顺序的,也就是下面的回复该上面的,所以这里是蓝色的,希望大家注意。

爬行的蜗牛:http://www.pxwoniu.com/wzzt/71.html

标签:爬行的蜗牛(283)css(8)
飞机

扫描二维码,访问爬行的蜗牛手机网站

在线咨询