选择器的权值问题

最新推荐文章于 2024-07-24 11:39:30 发布
最新推荐文章于 2024-07-24 11:39:30 发布
阅读量648 收藏 3
点赞数
分类专栏： 权值问题 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49353940/article/details/107353116
版权

选择器的权值问题

有时候，在写样式的时候，会发现自己写的样式在网页中未显示，且，用F12查看时，样式被一条横线拉掉，这就是自己写的样式权值不够大的原因了

选择器默认自带权值，权值越高，优先级越高

1、常用样式的权值大小：
!important >1000
内联样式 =1000
id选择器 =100
类选择器class和伪类 =10
元素选择器 =1
*通用选择器 =0
继承的样式 无权值
2、权值的总结
1.当一个选择器中含有多个选择器时，需要将所有选择器的权值进行相加，然后比较，权值大的优先显示
2.权值相同，就近原则
3.群组选择器的权值，单独计算，不能相加
在这里插入图片描述4.样式后面加!important,直接获取最高优先级
内联样式不能添加!important
5.选择器权值的计算，不会超过自己的最大数量级
在这里插入图片描述1------->最大9 10------->最大99

倩楠楠
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
CSS 后代选择器和权值计算
曹振飞的博客
07-02 2278
子选择器（第一代）符号：> 作用：选中儿子元素 示例：<style type="text/css"> .music>li{border:1px solid red;} <!-border边框样式--><!--操作区--> <body> <h1>Music Singer</h1><ul class="music"> <li>Chinese
彻底弄懂CSS选择器以及优先级
01-08
CSS选择器优先级得关系为： !important>内联>ID选择器>类选择器>标签选择器。 一种优先级算法 内联样式表的权值最高 (style=””) 权值为1000 统计选择符中的ID属性个数。（#id） 权值为100 统计选择符中的CLASS属性...
css选择器权值计算
qq_44818085的博客
10-26 209
1.CSS优先级算法如何计算？ 1. 如果权重值一样，则按出现的先后顺序 2. 还可以用 !important 强制提升优先级 !important优先级最高 3. 继承的没有权重 4. 权重0 > 继承没有权重 css选择器 权重值 行内样式 1000 id 0100 class,类属性值 0010 标签,伪元素 0001 * 0000 继承 没有权值，比0还小 ...
css中选择器的权值
qq_38871723的博客
05-14 908
一、权值说明 在我们学完css各类选择器后，我们对他们的权值做一个比较。 权值代表一个选择器的重要程度，权值越高，选择器的优先级就越高。 选择器 权值 ! important >1000 内联样式 >1000 id选择器 100 类选择器 10 伪类选择器 10 标签选择器 1 通用选择器 * 0 继承的样式 0 权值的特点： 1.当一个选择器中，含有多个选择器时，需要将所有选择器的权值进行相加，然后比较。 权值大的优先显示。 2.权值相同，则就近
CSS 选择器的权值
zwj_553的博客
03-22 59
选择器的权值 选择器 样例 权值 通配符、后代选择器 * {} 0000 标签选择器、伪元素选择器 div、::before 0001 类、伪类、属性选择器 .btn、a[‘name’] 0010 ID选择器 #id 0100 内联样式 style="" 1000 *特别的：!important的权值为∞，如width: 10px!important ...
选择器权值
第三食堂
04-26 1012
下面是权值的规则： 标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #foote
css选择器权值
weixin_30783913的博客
11-04 87
有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> p和.first都匹配到了p这个标签上，那么会显示哪种颜...
10、样式选择器权值
MoonNight608的博客
06-19 283
文章目录介绍样式选择器权值 介绍 本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记 样式选择器权值 <html lang="en"> <head> <meta charset="UTF-8"> <title>meta</title> </head> <style> #box1{ color:green } div{ color:red } .red{ color:red
选择器的权值问题小结
gameplayer097的博客
09-13 1050
如图： 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为0100。 第三等：代表类，伪类和属性选择器，如.content，权值为0010。 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。 （通配符、子选择器、相邻选择器等的。如 、&gt;、+,权值为0000。） 特殊 ！important ...
css选择器的权值与优先规则
Mrcxt的博客
07-25 8580
前言在html设计当中，经常会遇到一个问题——如果对同一标签的相同属性设置了不同的值，那么哪一个值是有效值呢？答案就是权值高的覆盖掉权值的值，权值相同的采取就近原则。
关于CSS选择器优先级的判断题附结果截图
09-25
3. `#redP p span em`：权值 = 100（ID选择器） + 1（标签选择器） + 1（标签选择器） + 1（标签选择器） = 103 根据这些权值，我们可以预测元素的最终颜色： - 对于包含在`<span>`内的`<em>`元素，它同时被`#redP...
CSS选择器的权重与优先规则分享
09-24
需要注意的是，通用选择器（`*`）、子选择器（`>`）和相邻同胞选择器（`+`）的权值为0，不会影响特殊性的计算。 在实际应用中，例如有以下一组CSS规则： ```css #content div#main-content h2 { color: red; } #...
浅谈CSS样式权值
09-24
- 通用选择器（*）、子选择器（>）、相邻兄弟选择器（+）、普通兄弟选择器（~）：权值为0 当多个选择器共同作用于一个元素时，权值越高，优先级就越高。如果权值相同，那么CSS会遵循"就近原则"，即后出现的样式会...
CSS实现表格无限轮播
像鱼的博客
07-24 323
在React中，用CSS实现表格无线轮播
CSS学习笔记
ngczx的博客
07-23 671
CSS学习笔记
mpu6050陀螺仪使用方法开发教程文档.docx
最新发布
07-30
mpu6050陀螺仪使用方法
【SCI顶级】龙格库塔算法RUN-CNN-LSTM-Multihead-Attention温度预测【含源码 5747期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
大模型的数学之魂：统计学习理论精要
07-30
大型机器学习模型，通常简称为“大模型”，是指具有数十亿甚至数千亿参数的深度神经网络模型。这些模型因为其庞大的参数量和复杂的计算结构，能够处理非常复杂的任务和数据，展现出强大的表达能力和预测性能。大模型在自然语言处理、计算机视觉、语音识别和推荐系统等多个领域都有广泛的应用。 大模型的设计目的是通过训练海量数据来学习复杂的模式和特征，从而具备强大的泛化能力，能够对未见过的数据做出准确的预测。与参数较少、层数较浅的小模型相比，大模型虽然需要更多的计算资源和时间来训练和推理，但它们展现出了一种被称为“涌现能力”的特性，即从原始训练数据中自动学习并发现新的、更高层次的特征和模式。 大模型的发展历程可以分为几个阶段，从早期的卷积神经网络模型发展到以Transformer为代表的全新神经网络模型，再到当前以GPT为代表的预训练大模型阶段。Transformer架构因其自注意力机制而成为大模型的核心技术，它使得模型能够更好地理解和处理文本数据中的长距离依赖关系。 大模型的分类主要包括语言大模型（NLP）、视觉大模型（CV）和多模态大模型。语言大模型专注于处理文本数据和理解自然语言，而视觉大模型用
css 有哪些选择器，优先级
03-29
CSS 有以下几种选择器： 1. 元素选择器（Element Selector） 2. 类选择器（Class Selector） 3. ID 选择器（ID Selector） 4. 属性选择器（Attribute Selector） 5. 伪类选择器（Pseudo-class Selector） 6. 伪元素选择器（Pseudo-element Selector） 7. 子元素选择器（Child Selector） 8. 相邻兄弟选择器（Adjacent Sibling Selector） 9. 通用选择器（Universal Selector） 10. 群组选择器（Group Selector） 优先级指的是选择器的权重，它决定了当多个样式规则应用于同一元素时，哪个样式规则会被应用。优先级是由选择器的类型和数量决定的，如下所示： 1. !important 会覆盖任何其他的样式规则。 2. ID 选择器比其他选择器的优先级高。 3. 类选择器、属性选择器和伪类选择器的优先级相同，高于元素选择器。 4. 子元素选择器和相邻兄弟选择器的优先级相同，高于通用选择器。 5. 群组选择器中最具体的选择器的优先级最高。 优先级的计算方式是根据以下规则： 1. 每个 ID 选择器的权值为 100。 2. 每个类选择器、属性选择器、伪类选择器的权值为 10。 3. 每个元素选择器、通用选择器的权值为 1。 4. 如果样式规则中包含 !important，则该样式规则的优先级为最高。 5. 选择器中的每个部分都会被计算，例如 .foo p#bar 中，.foo 的权值是 10，p 的权值是 1，#bar 的权值是 100。 6. 如果两个或多个样式规则的优先级相同，则后面的规则优先级更高。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值