css 权重

最新推荐文章于 2023-10-07 13:03:51 发布
最新推荐文章于 2023-10-07 13:03:51 发布
阅读量815 收藏
点赞数
分类专栏： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/purple_lumpy/article/details/81304752
版权

选择一个元素，设置它的样式，可以通过：class，元素名，id，属性，伪类。

当很多规则被应用到同一个元素时，权重决定了哪种规则生效、优先级。

权重等级与权值

行内样式（1000）> ID选择器（100）> 属性和伪类选择器（10）> *(0)

purple_lumpy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css中的选择器及其权重
TKOP_的博客
12-18 9876
总结复习css中的选择器部分的知识，巩固元素选择器、id选择器、类选择器、通配选择器、后代选择器、子代选择器、并集选择器、伪类选择器、结构伪类选择器和伪元素选择器的内容。并进一步明确他们的权重。.........
CSS第一章：9.选择器权重（选择器优先级）
要思考，要努力
04-27 2858
总览1.发生样式冲突的时候，到底应用哪个选择器的样，这是由选择器的权重（优先级）来决定的2.优先级不能通过累加来越界，无论多少个优先级0,0,1,0相加，都不能比1个优先级0,1,0,0更高。 一、选择器权重排序 1.内联样式，优先级1,0,0,0 2.id选择器，优先级0,1,0,0 3.类和伪类选择器，优先级0,0,1,0 4.元素选择器，优先级0,0,0,1 5.通配选择器，优先级0,0,0,0 6.继承，无优先级，优先级最低。 二、单个选择器 权重比较 · 实际演示 1.存在一个 元素选择器
css选择器及其权重
最新发布
无简介！！
10-07 759
在CSS中，选择器是用来选择HTML元素并应用样式规则的一种方式。每个选择器都有一个与之相关联的权重，用来确定当多个规则应用到同一个元素时，哪个规则会优先生效。在编写复杂的样式表时，了解选择器的权重是非常有用的，可以帮助你更好地控制页面的外观和行为。选择器的权重是根据上述规则计算的，当多个选择器应用到同一个元素时，具有更高权重的规则会覆盖具有低权重的规则。如果权重相同，则后定义的规则会覆盖先定义的规则。（权重：10）：例如，（权重：10）：例如，（权重：10）：例如，（权重：0）：例如，
Css权重
weixin_55017780的博客
06-07 4504
Css的权重是指样式的优先级，当有多个样式作用于一个元素时，只有权重高的样式对元素起作用，然而当权重相同时，后写的样式会覆盖前面的样式。 在设置Css中我们如何去判断权重呢？ 权重值是可以计算的，我们可以通过样式应用方式的权重值来进行计算。 样式的应用方式的权重值如下： 内联样式，权重值为1000 ID选择器，权重值为100 类、伪类，权重值为10 标签选择器，权重为1 通过举例我们可以更清楚了解权重的作用和意义 ...
css选择器及权重
qq_75069372的博客
07-16 570
css选择器 权重
CSS权重关系及问题剖析
09-25
其中说到：对于类似 li#first 这样的选择器，由于使用 id 就已经可以确定元素了，没有必要再写上前面的 li, 直接写上 #first 这样的 id 选择器就可以了,感觉还不错，于是进行测试，与大家分享下CSS权重关系与涉及到...
浅谈CSS权重
11-07
CSS中是使用4位的数字来表示权重的
css 权重，浮动，精灵
12-26
首先，我们来详细讲解CSS权重计算规则： 1. **内联样式（Inline Styles）**：权重为1000，例如`style="color:red;"`。 2. **ID选择器（ID Selectors）**：权重为100，如`#header`。 3. **类选择器（Class Selectors...
练习前端-CSS权重计算、复杂选择器、基础属性-day05
08-31
练习前端-CSS权重计算、复杂选择器、基础属性-day05
css权重计算方法
Andrelia的博客
09-23 1068
css权重是什么？ CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。 权重的等级有哪些以及如何计算权重？ 可以把样式的应用方式分为几个等级，按照等级来计算权重 1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如：style=””，权重值为1000 3、ID选择器，如：#conten...
选择器权重
LJDbk的博客
03-02 1099
认识选择器 1. 类型选择器 (a,div,p) 2. 类选择器(class) 语法：class="类名" .类名{属性：属性值;} 可以起多个名字。 id选择器 语法：id="id名" #名字 {属性：属性值;} 注意：id只能起一个名字，可以作为锚点使用，相当于身份证。 伪类选择器 1. a:link 超链接访问前样式 2. a:visited 超链接访问后样式 3. E:hover`当鼠标悬停显示的样式 4. E:active 鼠标按下显示的样式 E表示任何选择器. 通配.
css权重及计算
热门推荐
Amustlang
08-04 2万+
一般而言，大多数前端工程师对css样式优先级的概念仅仅停留在下一面一张图上： 注:>表示优先级的一个高低,|表示优先级一样 !important>行间样式>id>class|属性>标签选择器>通配符 但实际上，css是有一个权重的。且是可也计算的，这篇资料不是唯一介绍css权重的，但觉得应该是最通俗的。如图： 注：图中0，1，10，100并不是一个准...
css权重
tomorrow_shoe的博客
03-26 325
三、权重计算规则 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为0100。 第三等：代表类，伪类和属性选择器，如.content，权值为0010。 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。 继承的样式没有权值。 ...
什么是css权重
weixin_30677073的博客
12-02 102
今天看到这个问题，重新总结，留下点笔记 什么是css的权重？ 1、要了解权重，必须先了解css样式的6种基础选择器 （1）id选择器 # （2）类选择器 .className （3）属性选择器 [attr] （4）伪类和伪元素 :hover :first-line （5）标签选择器 p （6）通配符选择器 * 2...
什么是CSS的权重？
木白的博客
05-03 591
对于前端工程师来说，这是一个很基础的问题，如果前端工程师没有深刻理解这个概念，则很难写出高质量的CSS代码。讨论CSS的权重，则必须想了解而且是深刻的了解CSS样式的6种基础选择器：ID选择器、类选择器、属性选择器、伪类和为对象选择器、标签选择器以及统配选择器。所有在CSS样式中定义的选择符都是由这6种基础选择符组合而成的，组合的方式也分为三种：后代选择符、子选择符、相邻选择符。CSS的权重指的是...
【css权重优先级】
qq_65928317的博客
04-19 557
常见的优先级如下: !important : 在属性后面使用该关键字是可以覆盖其他任何样式 内联样式(行内样式): id选择器: 如:#id名 类选择器:如: .class名 标签选择器: 如: div p, 通配符选择器: * 继承:(继承父元素的样式) 不是所有的样式都可以继承的,一般都是一些文字样式颜色等; 以上高优先级的可以覆盖低优先级 权值划分表: 选择器 选择器权重 继承 或者* 0,0,0,0 标签选择器 0,0,0,1 类选择器 0,0
css权威指南（４）:值和单位
juzipchy的博客
01-13 210
颜色 用RGB指定颜色 　　有两种颜色值类型使用函数式RGB记法，而不是16进制记法．这种类型颜色值的一般语法是rgb（color），其中color是一个百分数或整数三元组．百分数值在０％～１００％,整数范围为０～２５５.如： 　　 rgb(100%,100%,100%) rgb(191,253,45) 值得注意的点是 １．百分数计数法可以使用分数和小数，但是如果用户代理忽略小数点
CSS权重
gxgalaxy
08-07 1120
选择器 权重值 ！important infinity 行间样式 1000 id 100 class|属性|伪类 10 标签|伪元素 1 通配符 0 CSS中各个选择器之间权重的进制为256进制 优先级一样的时候谁在后面，谁起作用（覆盖） 在CSS中infinity+1就是要比infinity大一 例子： ...
什么是CSS权重？
超级小贱贱的博客
01-18 366
什么是CSS权重？ 权重决定了你写的代码在浏览器是怎样直到被解析生效显示。 所有的选择类型都有属于自己的权重赋值，都包含一个权重级别。就像拍卖行一样，“价高者得” 如果两个选择器同时作用到一个元素上，权重高者生效。 当很多的规则被应用到某一个元素上时，就可以使用权重来决定哪种规则生效，或者是优先级的过程。 首先 选择器上的类型有以下几种 选择ID # 选择类 . （英文状态下的。）...
tailwindcss和elementui的样式冲突了，怎么降低tailwindcss的css权重
03-23
可以通过在HTML标签上添加class来降低tailwindcss的css权重。比如，如果你想让elementui的样式优先于tailwindcss的样式，可以在HTML标签上添加elementui的class，例如：class="el-button"，这样就可以让elementui的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值