CSS权重

作者: 追風逸少丶 | 来源:发表于2017-03-26 07:54 被阅读0次

CSS权重:
1、权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的”。
2、当很多的规则被应用到某一个元素上时,权重是一个决定哪种规则生效,或者是优先级的过程。
3、每个选择器都有自己的权重。你的每条css规则,都包含一个权重级别。 这个级别是由不同的选择器加权计算的,通过权重,不同的样式最终会作用到你的网页中 。
4、如果两个选择器同时作用到一个元素上,权重高者生效。
CSS权重优先级:
1、内嵌样式 > 内部样式表 > 外联样式表
2、important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。
important的权重为1,0,0,0
ID的权重为0,1,0,0
类的权重为0,0,1,0
标签的权重为0,0,0,1
伪类的权重为0,0,1,0
属性的权重为0,0,1,0
伪对象的权重为0,0,0,1
通配符的权重为0,0,0,0
3、示例:



相关文章

  • 归零——CSS-第四天

    CSS学习 CSS权重 选择器 权重...

  • CSS权重

    原文 博客原文 大纲 1、CSS层叠2、CSS权重3、权重等级4、权重的规则5、!important 1、CSS层...

  • 前端面试题整理

    css相关 1、css定义的权重: 标签的权重为1,class的权重为10,id的权重为100如果权重相同,则最后...

  • CSS权重

    CSS权重:1、权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的”。2...

  • 前端方法

    css 权重 !important具有最高权重 如何和何时使用CSS的!important https://www...

  • css选择器权重

    css选择器权重示例: .html .css

  • CSS权重

    权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的 权重记忆口诀。从0开...

  • H5和CSS3

    1、CSS权重 CSS权重指的是样式的优先级,当有多个样式作用于元素的时候,权重值大的样式起作用。权重一样的时候,...

  • 2020-01-02

    知识点: 1.H5的新特性 css3新特性 2.css的权重,css模块化 权重: 元素的权重0.类选择器10.i...

  • css权重

    CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的...

网友评论

      本文标题:CSS权重

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