美文网首页工作生活
css之权重问题

css之权重问题

作者: nickNic | 来源:发表于2019-07-04 15:55 被阅读0次

一什么是优先级的权重?
作用:当多个选择器混合在一起使用时,我们可以通过计算权重来判断谁的优先级最高

二权重的计算规则
1首先先计算选择器中有多少个ID选择器,ID选择器多的选择器优先级最高.
2如果ID选择器的个数一样,那么在看类名选择器的个数,类名选择器个数多的优先级最高
3如果类名选择器的个数一样,那么在看标签选择器的个数,标签选择器个数多的优先级最高
4如果ID选择器个数一样类名选择器个数一样标签选择器个数一样,那么就不会继续往下计算了,那么此时谁写在后面就听谁的.也就是说优先级一样,谁写在后面就听谁的.

三注意点
1只有选择器是直接选中标签的才需要计算权重

相关文章

  • css之权重问题

    一什么是优先级的权重?作用:当多个选择器混合在一起使用时,我们可以通过计算权重来判断谁的优先级最高 二权重的计算规...

  • css权重问题

    在编写css的时,有时会遇到添加的样式无效,现对css权重问题做一个总结。 优先级通用选择器(*) < 元素(类型...

  • CSS权重问题

    CSS权重 类型选择符的权重为:0001 类(class)选择符的权重为:0010 ID选择符的权重为:0100 ...

  • 归零——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之权重关系

    从大到小1.内联样式2.id3.class和伪类4.元素

  • 前端方法

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

  • css选择器权重

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

网友评论

    本文标题:css之权重问题

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