美文网首页
三种方法的优先级

三种方法的优先级

作者: LvyCode | 来源:发表于2017-07-31 17:23 被阅读19次

有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编辑器就出现了这种情况

1、使用内联式CSS设置“超酷的互联网”文字为粉色。

2、然后使用嵌入式CSS来设置文字为红色。

3、最后又使用外部式设置文字为蓝色(style.css文件中设置)。

但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式

但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。感兴趣的小伙伴可以试一下,把它们调换顺序,再看他们的优先级是否变化。

其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。

但注意上面所总结的优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下,什么是权值呢?在后面的9-2小节中会讲解到。

相关文章

  • 三种方法的优先级

    有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编...

  • 三种方法的优先级

    对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编辑器就出现了这种情况 1、使用内...

  • CSS三种方法的优先级

    内联式:内联式css样式,直接写在现有的HTML标签中如下面代码: 并且css样式代码要写在style=""双引号...

  • CSS样式覆盖

    CSS样式覆盖 1.根据引用方式确定优先级 外部链接写在style标签里内联属性 以上三种方式引入的css,优先级...

  • 006 CSS三种引入方式

    CSS三种引入方式 一、三种方式的书写规范 1、行间式 2、内联式 3、外联式 二、三种方式间的"优先级" 与样式...

  • OC load和initialize方法细节

    细节: 当前类的分类的自定义同命方法, 优先级高于当前类. 对于分类的load方法, 优先级低于当前类. 细节 :...

  • css中三种方法的优先级

    学习css有段时间了,前几天考虑到一个问题,就是同时使用css的三种方法对同一个元素进行设置样式,那么最后实际的样...

  • java线程优先级

    Java线程优先级 线程优先级是最小是1,最大是10,默认是父线程的优先级,启动main方法线程的优先级一般是5。...

  • java多态经典案例解析

    如下代码会打印出什么? 运行结果 考点 继承链中方法调用的优先级来确认方法,该优先级为:this.show(O) ...

  • 多态坑题

    实际上这里涉及方法调用的优先级问题,优先级由高到低依次为:

网友评论

      本文标题:三种方法的优先级

      本文链接:https://www.haomeiwen.com/subject/vvvuwttx.html