CSS优先级、权重

最新推荐文章于 2022-10-09 16:04:05 发布
最新推荐文章于 2022-10-09 16:04:05 发布
阅读量128 收藏
点赞数
分类专栏： Html+css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45164496/article/details/106694766
版权

优先级排序：
！important > 作为style属性写在元素内的样式 > id选择器 > 类选择器 > 标签 > 通配符 > 继承样式 > 浏览器默认属性

注意：
属性后面加 !important 会覆盖页面内任何位置定义的元素样式
同一级别的样式，后写的会覆盖先写的

权重：
!important：无穷大
style元素内样式：1000
id选择器：100
类选择器：10
标签选择器：1
通配符：0

自～渡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS优先级
ITher的博客
01-06 529
1、CSS引入方式 1、行内样式 使用style属性引入，例如： <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
CSS的优先级和权重简介
pink_pantise的博客
12-12 551
权重是什么？ 首先权重一个相对概念，可以认作天平中的砝码，权重大的地方就会被重视（使用），当然这在权重等级相同的前提下。 一：权重的等级划分： 第一等级：内部样式 (style=" ")，权值：1000. 第二等级：ID选择器（#id），权值：100. 第三等级：class、伪类、属性选择器（.class , :hover , :link , [type])，权值为：10. *伪类有：:link，:visited，:hover，:active，:focus，:frist-child。 * 第四等级：标签、
五、CSS权重
m0_49337181的博客
06-02 216
<table>标签：声明一个格式 <tr>标签：定义表格中的一行 <td><th>标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格 1、表格相关样式属性 border-collapse设置表格的边线合并，eg：border-collapse:collapse ...
2020-09-09
y3330138322的博客
09-09 299
自学HTML的第二天 表单元素 css3层叠样式表 行内样式直接写在行里style=" " (修改麻烦不建议使用) 内部样式。在里面写。用选择器选用 外部样式。在单独的css文件夹写。然后用link引用
CSS的权重、样式优先级
weixin_48796690的博客
10-09 648
CSS的权重与样式优先级
css 权重及！important
热门推荐
林中路
10-10 2万+
在编写css样式的时候，我们会时常碰到自己写的样式没有生效，尤其是引用一些外部框架的时候，这种情况更容易发生。CSS样式的优先级按照官方的表述，css优先级如下： 通用选择器（*） < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 <内联样式 举例：例如以下代码：index.html<!DOCTYPE html> <html> <head lang="en">
css-样式权重等级
Cswan的博客
06-11 789
样式权重等级 1.！important 权重值为10000 2. 内联样式，如： style=“”，权重值为1000 3. ID选择器，如：#content，权重值为100 4. 类、伪类和属性选择器，如：.content、：hover权重值为10 5. 标签选择器和伪元素选择器，如：div、p、：before权重值为1 ...
CSS 优先级 详细分析
12-01
在深入探讨CSS优先级之前，我们先简单回顾一下CSS的基础知识。CSS，即层叠样式表（Cascading Style Sheets），是用于控制网页元素表现的样式语言。它让网页设计师能够轻松地定义文本、颜色、布局等视觉效果，同时...
css 优先级关系
09-25
了解CSS优先级关系对于精确控制元素样式至关重要，因为不同的选择器具有不同的权重，这决定了哪些样式会被应用到HTML元素上。以下是关于CSS优先级关系的详细说明： 1. **浏览器默认样式**： 浏览器自身有一套默认...
CSS 优先级使用技巧
09-25
理解并熟练运用CSS优先级是创建高效、可维护的样式表的关键。接下来，我们将深入探讨CSS优先级的四大原则，并通过实例来解析其应用。 **原则一：继承不如指定** 在CSS中，样式可以被继承，即子元素可以继承父元素的...
老调重弹的CSS优先级
12-08
CSS优先级的概念是基于选择器的特殊性（Specificity），这是一个计算不同规则权重的系统。 首先，理解CSS优先级的关键在于掌握选择器的特殊性计算。特殊性分为四个级别： 1. ID选择符（如`#someid`）：每个ID加100...
CSS 权重
DevOps海洋的渔夫@专栏
02-26 232
仅供学习，转载请注明出处 CSS权重 CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级，按照等级来计算权重 1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如：style=””，权重值为1000 3、I...
css权重
s82ygg04的专栏
02-22 781
做前端有好几年了，依然觉得CSS样式并没表面看到的那么容易，值得深入的东东太多，于是最近准备好好看看css相关的书籍，今天翻看web标准解决方案时看到了样式权重计算方式，以前在网上看到过，但是也忘的差不多，今特记录如下： 样式一般通过选择器来找相应的样式的应用元素，当然还有行内样式是个例外，而选择器除非有如下几种：ID，样式，元素（类型选择器），伪类，伪元素，属性选择器，我们可以把选择分为4个等
css系列-样式权重
前端蜗牛君
11-22 1962
样式权重 元素会被多个样式一层层作用，这就是层叠样式表的来源。如果多个样式做用在元素上就会产生优先级权重问题。 使用类、ID、伪类都有不同的权重，具体应用哪条规则要看权限大小。 相同权重的规则应用最后出现的 可以使用!important强制提升某个规则的权限 权重应用 规则 粒度 ID 0100 class，类属性值 0010 标签,...
[CSS]CSS的继承性、层叠性、权重
Feathers的个人笔记
12-13 4583
CSS像艺术家一样优雅，像工程师一样严谨继承性CSS样式具有继承性，所谓的继承性，就是给某些元素设置样式时，后代元素也会自动继承父类的样式。这叫CSS的继承性。比如 color属性设置字体颜色，后代自动继承。CSS的继承特性，一定程度上简化了代码的操作，至少方便了我这类懒癌患者。<!DOCTYPE html> <html> <head> <title>test</title> <me
权重与优先级
qq_38985463的博客
03-30 2402
昨天又学习了一些知识（其实是一些基础知识，怪自己基础的都没掌握），好啦，来吧，来探讨一下权重与优先级。1.内联样式的权重（行内权重1000）&gt;内部样式和外部样式.2.权重相同的情况下，谁在后面谁的优先级越高。3.！important（无限大）&gt;行内样式（权重1000）&gt;id选择器（权重100）&gt;类选择器（10）=伪类选择器（10）=属性选择器（10）&gt;元素选择器（1）...
css样式权重计算规则,CSS 选择器权重计算规则详解
weixin_31289551的博客
08-04 982
CSS有自己的优先级计算公式，而不仅仅是行间>内部>外部样式ID>class>元素一、样式类型1、行间我是行间CSS样式。2、内联h1{font-size:20px;color:#123;}3、外部二、选择器类型ID　　#idclass　　.class标签　　p通用　　*属性　　[type="text"]伪类　　：hover伪元素　　::first-line子选择器、相邻选...
第18天：CSS中的权重
lefex的博客
09-30 219
有时候明明设置了某个CSS属性，但是在浏览器查看的时候却没效果；同时在类选择器和id选择设置某个标签的背景颜色，最终会是哪个选择器起作用？这些问题会涉及到 CSS 的权重问题，你可以把权...
CSS权重及优先级
qq_33699819的博客
03-28 346
权重的概念 权重，是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。 权重系数，是表示某一指标项在指标项系统中的重要程度，它表示在其它指标项不变的情况下，这一指标项的变化，对结果的影响。 css样式优先级 ！important>行间样式>id选择器>class选择器 属性选择器>标签选择器>通配符 css样式的权重值 上一部分是...
前端css选择器的权重优先级
最新发布
06-08
在 CSS 中，选择器的权重（优先级）是用来确定哪个规则将被应用于元素的一种方式。选择器的权重由四个部分组成，分别是： 1. 内联样式：在元素的 style 属性中直接设置的样式，权重为 1000。 2. ID 选择器：通过 # 符号定义的选择器，权重为 100。 3. 类选择器、属性选择器和伪类选择器：通过 .、[ ] 或 : 符号定义的选择器，权重为 10。 4. 元素选择器和伪元素选择器：通过标签名或 :: 符号定义的选择器，权重为 1。 当多个选择器应用于同一个元素时，CSS 根据选择器的权重确定应用哪个规则。如果两个选择器的权重相同，则后面的规则将覆盖前面的规则。常见的选择器权重组合如下： 1. `#id`：权重为 100。 2. `tag`：权重为 1。 3. `.class`：权重为 10。 4. `tag .class`：权重为 11。 5. `tag#id`：权重为 101。 6. `#id.class`：权重为 110。 当多个选择器的权重相同时，可以使用 !important 关键字强制应用某个规则。但是，在实际开发中，应该尽量避免使用 !important，因为它会破坏 CSS 的层叠性和可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值