美文网首页
CSS--层叠优先级

CSS--层叠优先级

作者: 栗子酥小小 | 来源:发表于2017-03-23 15:08 被阅读0次

整体引入时:
1、style
2、style @import
3、link
4、link @import
5、浏览器默认样式

编写文件时:
0、内联在html中,<h1 style="color: green">123</h1>【特殊,比ID优先级高】
1、ID
2、类、属性、伪类(:focus, :last-child等)
3、元素、伪元素(:after, :before等)
4、*

!important超越所有优先级(包括内联形式)在最前
当两个!important相遇时,按照上述规则再次比较

设计者、用户、浏览器:
1、设计者》用户》浏览器
2、带有!important时,用户》设计者》浏览器

a的伪类顺序:LVHA
:link
:visited
:hover
:active

关于a的一个迷思:
之前老是奇怪,为什么在a的父元素上设置字号颜色之类的可继承值时,与a同级的span都能生效,但a就是不生效,现在弄清楚了,按照优先级的设置,继承是在倒数第二,仅高于浏览器默认值。
也就是说,只有当元素上没有专门指定样式时,它才会继承可以继承的属性,不可以继承的属性就用用浏览器默认样式。
所以,对于自己在a元素上设置的字号颜色无法生效的情况,一般来说都是在前面的reset等文件中被专门设置了,而自己在写样式的时候,如果不专门为a指定,则继承的效果的优先级不够,就不会生效。

相关文章

  • CSS--层叠优先级

    整体引入时:1、style2、style @import3、link4、link @import5、浏览器默认样式...

  • CSS--样式层叠

    当样式声明发生冲突时,各个样式声明优先级是如何判断的 1.样式声明后面有!important 的是老大 如果声...

  • css的三大特性(继承,层叠,优先级)

    一,继承 二,层叠性 三,优先级 四,提升优先级

  • 选择器和选择器的优先级别

    CSS三大特性—— 继承、优先级、层叠。继承:即子类元素继承父类的样式;优先级:是指不同类别样式的权重比较;层叠:...

  • 继承、优先级、层叠

    继承 假设要将页面中所有文字的字体设为微软雅黑 body{font-family:"Microsoft Yahei...

  • 继承,层叠,优先级

    一.层叠 二.继承 2.1 继承失效 父标签的颜色->a->继承失败(被浏览器默认样式覆盖)->只能对a单独赋值父...

  • css层叠(优先级)

    层叠,CSS样式优先级 1.比较重要性 重要性从高到低: 作者样式表:开发者书写的样式 作者样式表中的!impor...

  • 选择器

    css有三大特性:继承,优先级,层叠继承:即子元素可以继承父元素的样式优先级:指不同类别样式的权重比较层叠:指当数...

  • CSS选择器优先级详解

    选择器特征 继承(父节点定义的样式会被子节点继承) 优先级(不同的选择器之间存在优先级) 层叠(层叠就是对一个元素...

  • CSS基础

    CSS :层叠样式表(Cascading Style Sheets)。 CSS 书写位置及优先级(优先级按顺序排列...

网友评论

      本文标题:CSS--层叠优先级

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