CSS选择器权重

最新推荐文章于 2023-07-28 15:10:34 发布
最新推荐文章于 2023-07-28 15:10:34 发布
阅读量97 收藏
点赞数
文章标签： css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RaayJay/article/details/109116440
版权

选择器的类型
ID选择器 #id

类选择器 .class

标签选择器 div、a等

属性选择器 [type=“text”]

通配符选择器 *

伪类选择器 :hover

伪元素选择器 ::before

子选择器、相邻选择器

选择器的权重

第一等：行内样式是 1000

第二等：id选择器是 100

第三等：类选择器、伪类选择、属性选择器、属性选择器 10

第四等：标签选择器和伪元素选择器 1

其他选择器的权重为0

继承的样式没有权重

如果等级相同，那么最后的样式会覆盖前面的样式

!important 的权重是无限大的

RaayJay
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css中的选择器及其权重
TKOP_的博客
12-18 9939
总结复习css中的选择器部分的知识，巩固元素选择器、id选择器、类选择器、通配选择器、后代选择器、子代选择器、并集选择器、伪类选择器、结构伪类选择器和伪元素选择器的内容。并进一步明确他们的权重。.........
css选择器及其权重
最新发布
无简介！！
10-07 811
在CSS中，选择器是用来选择HTML元素并应用样式规则的一种方式。每个选择器都有一个与之相关联的权重，用来确定当多个规则应用到同一个元素时，哪个规则会优先生效。在编写复杂的样式表时，了解选择器的权重是非常有用的，可以帮助你更好地控制页面的外观和行为。选择器的权重是根据上述规则计算的，当多个选择器应用到同一个元素时，具有更高权重的规则会覆盖具有低权重的规则。如果权重相同，则后定义的规则会覆盖先定义的规则。（权重：10）：例如，（权重：10）：例如，（权重：10）：例如，（权重：0）：例如，
css选择器的权重
y1059477028的博客
10-09 1335
通过不同的选择器选中同一个元素，进行一样的样式设定发生样式冲突时，应用哪一个样式由选择器的权重（优先级）决定。4、选择器的累加，不会超过上一级数量级， 例如：类选择器再高也不会超过id选择器 量变达不到质变；1. 在行内写入!1、比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则优先显示；6.通配符、子选择器、相邻选择器等。3、 如果优先级计算后相同，此时则优先使用靠下的样式；2、 (并集选择器)分组选择器是单独计算的；一般来说选择器越具体，优先级越高。
css选择器及权重
qq_75069372的博客
07-16 582
css选择器 权重
【CSS】CSS 选择器及其权重
Superman_H的博客
08-26 4625
# 基本选择器 1. 元素选择器（Element Selector）：使用 HTML 元素的标签名作为选择器，选取匹配的元素。 eg：`p { }` 选取所有 `` 元素。 2. 类选择器（Class Selector）：使用类名选择元素，以 `.` 开头。 eg：`.highlight { }` 选取所有具有 `highlight` 类名的元素。 3. ID 选择器（ID Selector）：使用元素的唯一标识符 ID 选择元素，以 `#` 开头。 eg：`#myEleme
CSS选择器权重计算及优先级
04-16
以下是关于CSS选择器权重计算及优先级的详细解释： 首先，我们要了解CSS选择器的四个等级及其对应权重： 1. **内联样式**（权重1000）：这是最高级别的权重，当直接在HTML元素中使用`style`属性定义样式时，例如`;...
对CSS选择器权重的认识(亲测)
09-22
在一个css页面中会使用很多的CSS选择器，至于它们的权重，想必很多的朋友都不是很清楚吧，下面本文通过测试为大家详细介绍下，看看究竟是怎么样的
CSS选择器权重演示.mp4
07-21
CSS选择器权重演示，实战编写CSS代码进行举例演示。
CSS中选择器的权重值的计算
12-14
3. 外部样式：通过`<link>`标签链接到外部CSS文件中的样式，其权重同样取决于选择器。 接下来，我们来看选择器的权重计算规则： 1. ID选择器，如`#content`，权值为0100。 2. 类选择器、伪类和属性选择器，如`....
Gy-coder#frontend-offer#css选择器权重1
07-25
important > 权重高的 > 权重相同位置靠后的 > 来自继承的权重计算方法千位: 声明在style标签中则该位置得1分百位: 选择器中包含id选择器该
CSS选择器种类和权重计算
xiyang9520的博客
04-17 743
CSS选择器和权重计算。
CSS中9种选择器及权重
宝子的博客
07-28 581
CSS选择器：只能从高往低找，兄弟间也是只能哥哥找弟弟，不能反过来
CSS第一章：9.选择器权重（选择器优先级）
要思考，要努力
04-27 2872
总览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-选择器1-概述
weixin_34336526的博客
06-09 185
CSS选择器-系列文章 选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 p 元素。...
css基础-CSS选择器及优先级
muzidigbig的博客
11-15 5244
CSS1选择器注：注1：为什么要LVHA1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；所以说，a:hover定义一定要放在a:link、a:visited的后面。再重复一遍正确的顺序是：a:link、a:visited、a:hover、a:active .
【CSS】哪些样式属性可以继承
李留白
03-21 6756
不可继承的：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选择器有哪些，选择器的权重的优先级
热门推荐
永不消失的彩虹的博客
01-07 1万+
选择器类型： 1、ID　　#id 2、class　　.class 3、标签　　p 4、通用　　* 5、属性　　[type="text"] 6、伪类　　：hover 7、伪元素　　::first-line 8、子选择器、相邻选择器   权重计算规则： 1、第一等：代表内联样式，如: style=””，权值为1000。 2、第二等：代表ID选择器，如：#content，权值为0100。 3、第三等：...
【CSS】CSS选择器权重
Jamcy123的博客
04-27 418
伪元素和外层标签取到的不是同一个元素！
css选择器权重！important
09-13
### 回答1： CSS选择器权重是用来确定当多个CSS规则应用于同一元素时，哪个规则将具有优先权的一种机制。其中，important是一种特殊的权重，它可以覆盖其他所有权重，使得该规则具有最高的优先级。但是，应该谨慎使用important，因为它可能会导致样式难以维护和修改。 ### 回答2： 在CSS中，选择器权重是用于确定样式优先级的一种机制。当多个样式规则应用到同一个元素时，通过权重机制可以确保样式的优先级。 权重由四个不同的组成部分组成，它们分别是： 1. !important：!important是最高优先级的标记，当一个样式规则被标记为!important时，它将覆盖其他所有的样式规则，无论其他规则的权重如何。 2. 内联样式：内联样式是直接应用于HTML元素上的样式，通过在元素的style属性中定义样式规则。它的优先级次于!important标记的规则。 3. ID选择器：ID选择器是通过HTML元素的id属性来定义的，而且是具有唯一性的。ID选择器的优先级高于内联样式。 4. 类选择器、伪类选择器和属性选择器：这些选择器通过HTML元素的class、伪类或属性来定义样式规则，它们的优先级低于ID选择器。 在权重比较中，如果两个或多个样式规则具有相同的权重，那么后面出现的规则将覆盖前面的规则。例如，如果一个样式规则使用了!important标记，那么无论其他规则的权重如何，它都将具有最高优先级。 总结起来，使用!important会覆盖其他所有规则，内联样式的优先级次于!important，ID选择器的优先级高于内联样式，而类选择器、伪类选择器和属性选择器的优先级低于ID选择器。 在实际应用中，尽量避免使用!important，以免造成样式优先级混乱。正确地组织和编写样式规则可以使得样式的优先级更加清晰和可维护。 ### 回答3： CSS中的选择器权重是用来决定样式的优先级的。它决定了当多个选择器同时应用到同一个元素时，哪个样式规则会被优先选择。 !important 是一种特殊的选择器权重，用于强制覆盖其他选择器的样式规则。当某个样式规则使用了 !important，它将拥有最高的优先级，其他选择器无论权重如何，都无法覆盖这个样式规则。 因为 !important 具有最高权重，所以它的使用应该谨慎。过度使用 !important 可能会导致样式失控，且很难维护和调试。应该尽量避免使用 !important，只在确实需要覆盖其他样式时才使用。 当多个选择器都使用了 !important，它们的优先级将依次由高到低决定。如果具有相同优先级的选择器同时使用了 !important，那么后面出现的样式规则会覆盖前面的样式规则。 除了 !important，CSS中还有其他选择器权重的规则。一般来说，选择器权重由以下规则决定：标签选择器 < 类选择器 < ID 选择器，同时还有内联样式的权重最高。当相同类型的选择器同时应用到元素时，权重高的样式规则将覆盖权重低的样式规则。 总之，选择器权重是用来决定样式规则优先级的。 !important 是一种特殊的选择器权重，用于强制覆盖其他选择器的样式规则。虽然有时候使用 !important 可以解决样式冲突的问题，但应该尽量避免过度使用，以免出现样式失控的情况。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值