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权重
m0_51207602的博客
02-05 4668
CSS权重 权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的”。 当很多的样式被应用到某一个元素上时，权重是一个决定哪种样式生效，或者是优先级的过程。每条css规则，都包含一个权重级别。 这个级别是由不同的选择器加权计算的，通过权重，不同的样式最终会作用到你的网页中 。 如果两个选择器同时作用到一个元素上，权重高者生效。 权重记忆口诀： 1.从0开始，一个行内样式+1000 2.一个id选择器+100 3.一个属性选择器、class或者伪类+10 4.一个元素选择
css之权重
qq_44721518的博客
08-04 123
css权重（256进制）
选择器的权重
xh888zw的博客
04-08 3538
继承性 概念:在Css中，有一些属性， 如果给父级元素设置了，那么它的后代元素都将继承这个属性。 如: p、h3标签，可以从它的祖先元素中继承了文字的属性，没有继承盒子的属性。 注:只有文字的属性能够继承，盒子的属性不能继承。 文字属性: color、 font 系列、line- 系列、text- 系列。 盒子属性: background 系列、width、 height、 border 系列、浮动、定位等。 通过控制台查看继承的属性: Elements 面板=> Style选项卡，即可查看继承的属
css中的选择器及其权重
TKOP_的博客
12-18 9924
总结复习css中的选择器部分的知识，巩固元素选择器、id选择器、类选择器、通配选择器、后代选择器、子代选择器、并集选择器、伪类选择器、结构伪类选择器和伪元素选择器的内容。并进一步明确他们的权重。.........
你真的了解CSS权重吗？
Mr_Shil的博客
06-08 218
在 CSS 中，权重（specificity）和优先级（priority）用于确定当多个规则应用到同一个元素时，哪个规则具有更高的优先级。
CSS第一章：9.选择器权重（选择器优先级）
要思考，要努力
04-27 2868
总览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的权重问题
input_form_value的博客
03-31 219
1.html5新增元素属性 2.HTML废除的标签 3.CSS高级选择器 3.1 first-of-type 选择属性其父元素的首个<p>元素的每个<p>元素 3.2 last-of-type 选择属性其父元素的最后<p>元素的每个<p>元素 3.3 only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素 3.4first-childlast-chi...
CSS权重关系及问题剖析
09-25
其中说到：对于类似 li#first 这样的选择器，由于使用 id 就已经可以确定元素了，没有必要再写上前面的 li, 直接写上 #first 这样的 id 选择器就可以了,感觉还不错，于是进行测试，与大家分享下CSS权重关系与涉及到...
浅谈CSS权重
11-07
CSS中是使用4位的数字来表示权重的
练习前端-CSS权重计算、复杂选择器、基础属性-day05
08-31
首先，我们要了解CSS权重计算。权重决定了哪些样式会应用到元素上，当多个选择器对同一个元素定义了样式时，权重更高的样式将会生效。CSS权重分为四个级别： 1. 内联样式（如`style="..."`）：权重为1000。 2. ID...
css 权重，浮动，精灵
12-26
首先，我们来详细讲解CSS权重计算规则： 1. **内联样式（Inline Styles）**：权重为1000，例如`style="color:red;"`。 2. **ID选择器（ID Selectors）**：权重为100，如`#header`。 3. **类选择器（Class Selectors...
css权重
LIANG_XJT的博客
06-08 2530
css权重 css权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用，也就是说同一个元素设置多条样式，谁的权重越高那么就那一条对元素起作用，如果权重相同，那么后写的元素就会覆盖前面的写的样式。 下面我们把样式的应用分为几个等级，按照等级来计算权重 1、（！important） 通过图片我们可以发现，原本是蓝色背景的div被它前面设置的样式覆盖掉了，这是因为我在样式属性值后加上了！impor...
选择器权重
qq_53841687的博客
05-06 2203
一、选择器权重的优先级 ！important 至高的 内联样式 1000 id选择器 100 类选择器、伪类选择器 10 元素选择器 ...
CSS权重计算
weixin_46048542的博客
12-01 561
答案肯定是红色，li没有设置颜色，先去父元素ul上找，发现也没有设置颜色，最后在父父元素nav应用了颜色，这里是继承过来的颜色，上面我们说了，继承的权重为0。他的权重最高，但你忘了，继承的权重为0，这里是继承p是继承div的颜色，上面代码肯定有比0高的。这就验证了“继承的权重为0”这句话，当li继承nav发生了颜色改变，此时的。黑色的权重为0，0，0，1+0，0，0，1，0=0，0，1，1。3.p.c2的权重为 0，0，0，1+0，0，1，0。0，0，0，1>0，0，0，0所以结果显示蓝色。
【CSS】哪些样式属性可以继承
李留白
03-21 6753
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-brea
CSS 的权重和优先级
weixin_44264769的博客
01-06 2714
在css中，权重相当于优先级，优先级高的css样式会覆盖优先级低的样式，优先级越高也代表着权重越高。当css选择规则的权重不同时，权值高的优先。当css选择规则的权值相同时，后定义的规则优先。
CSS权重，你真的懂了么
qq_33479841的博客
11-13 537
1.什么是CSS权重？ css权重决定了哪个css规则会起重要，当多个规则被应用于同一个元素时，权重高的将会起作用（权重高代表优先级高）。在日常开发过程中，大家多少都遇到过这样的问题，写不同的css样式文件，结果产生相互覆盖的问题。本文将详细讲述一下css权重规则，便于大家避坑。 2.CSS权重规则(级别由高到低) (1) !important 声明级别最高,但同时也会被important级别覆盖...
css选择器及其权重
无简介！！
10-07 800
在CSS中，选择器是用来选择HTML元素并应用样式规则的一种方式。每个选择器都有一个与之相关联的权重，用来确定当多个规则应用到同一个元素时，哪个规则会优先生效。在编写复杂的样式表时，了解选择器的权重是非常有用的，可以帮助你更好地控制页面的外观和行为。选择器的权重是根据上述规则计算的，当多个选择器应用到同一个元素时，具有更高权重的规则会覆盖具有低权重的规则。如果权重相同，则后定义的规则会覆盖先定义的规则。（权重：10）：例如，（权重：10）：例如，（权重：10）：例如，（权重：0）：例如，
Css权重
weixin_55017780的博客
06-07 4514
Css的权重是指样式的优先级，当有多个样式作用于一个元素时，只有权重高的样式对元素起作用，然而当权重相同时，后写的样式会覆盖前面的样式。 在设置Css中我们如何去判断权重呢？ 权重值是可以计算的，我们可以通过样式应用方式的权重值来进行计算。 样式的应用方式的权重值如下： 内联样式，权重值为1000 ID选择器，权重值为100 类、伪类，权重值为10 标签选择器，权重为1 通过举例我们可以更清楚了解权重的作用和意义 ...
出几道css权重计算题
最新发布
07-03
在 CSS 中，样式的权重决定了哪些规则将应用于元素。当多个规则应用于同一个属性时，权重较高的规则会覆盖较低权重的规则。这里有一些关于 CSS 权重计算的题目： **题目 1：** - 假设一个元素有两个内联样式（行内...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值