CSS三大特性-优先级权重计算

最新推荐文章于 2024-10-13 19:30:05 发布

张无复

最新推荐文章于 2024-10-13 19:30:05 发布

阅读量161

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_40462900/article/details/107272386

版权

权重计算

继承或者*：0，0，0，0

每个元素（标签选择器）、伪元素选择器：0，0，0，1

每个类选择器、伪类选择器 / 结构伪类选择器、属性选择器：0，0，1，0

每个id选择器：0，1，0，0

每个行内样式style=" "：1，0，0，0

!important：∞无穷大

权重叠加

当为一个选择器为复合选择器时，那么就会出现权重叠加。

注意：

数位之间没有进制
权重相同时，则会根据层叠性原则，后来居上

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

张无复

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【CSS笔记】CSS选择器的优先级（权重）

✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。

08-20

3068

在CSS里面，如果有多个选择器作用在同一个元素上面，那么会按照上面的优先级顺序进行样式的选取，也就是优先级越高，浏览器最终就显示哪种样式。通过上面五个选择器的权重值，就可以计算出任意组合的权重值了，权重值就是将所有的权重相加。对于哪些组合选择器，我们可以通过计算选择器的权重来查看优先级，权重越大，优先级越高。

选择器优先级的权重计算

weixin_30675247的博客

03-29

128

计算过程 1.W3C文档选择器权重的计算。文档指出： A selector’sspecificityis calculated for a given element as follows: count the number of ID selectors in the selector (=A) count the number of class selector...

参与评论您还未登录，请先登录后发表或查看评论

css优先级计算规则——权重

weixin_30916125的博客

02-19

695

一、css的优先级 　　当对同一个元素设置相同的多个声明时，会按照优先级的高低选择应用哪种声明。 <style> #id{ color:red; } p{ color:blue; } ...

CSS三大特性（选择器优先级）

weixin_43370067的博客

05-15

236

1、层叠性当选择器权重一样时，应用下边的样式（遵循就近原则） 2、继承性 font-size font-family font-weight font-style line-height color text-decoration text-indent text-align 以font- line- text- 开的头和color 这些属性都是可以被继承的 3、优先级 选择在同一个标签身上时，比较权重，权重大的优先级就大；选择在同一个标签身上，权重相同就遵循就近原则；下面的覆盖上面的样式选择在

CSS优先级权重计算

yigerendegeming的博客

07-19

132

优先级 1、权重计算公式 * < 标签 < 类 < id < 行内样式表 < ！important 0,0,0,0 0,0,0,1 0,0,1,0 0,1,0,0 1,0,0,0 无穷大 2、权重可叠加 eg： div ul li == 0,0,0,3 .nav ul li == 0,0,1,2 a:hover == 0,0,1,1 .nav .fist == 0,0,2,0 注意： p标签中内容没有被选中，所以权重为0，0，0，0

CSS三大特性之优先级

shwanglp的专栏

12-03

738

CSS三大特性之优先级 概念：当多个选择器选中同一个标签，并且给同一个标签设置同一个属性时，如何层叠就由优先级来决定。顺序：！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承->默认样式 test body{ color: red; } p{

CSS-样式权重和优先级

natsu-cc的博客

04-29

2069

前言：

练习前端-CSS权重计算、复杂选择器、基础属性-day05

08-31

本练习主要关注CSS的权重计算、复杂选择器以及基础属性，这些都是构建高效且可维护的CSS代码的关键要素。首先，我们要了解CSS权重计算。权重决定了哪些样式会应用到元素上，当多个选择器对同一个元素定义了样式时...

CSS选择器权重计算及优先级

04-16

以下是关于CSS选择器权重计算及优先级的详细解释：首先，我们要了解CSS选择器的四个等级及其对应权重： 1. **内联样式**（权重1000）：这是最高级别的权重，当直接在HTML元素中使用`style`属性定义样式时，例如`;...

CSS优先级计算的规则

09-24

CSS优先级计算规则是网页设计与开发中的一个基础知识点，它决定了当多个CSS规则应用于同一元素时，哪些规则将被浏览器采纳。以下是对这一知识领域的详细说明。首先，CSS的引入方式对优先级有一定的影响。一般来说...

CSS权重值计算和选择器优先级

lhxsirky的博客

10-21

334

一、权重的值计算以及选择器权重值大小 1、!important放在样式的最后面是最优先的，权重值是10000； 2、内联样式权重值1000，优先级仅次于！important，一般都是在标签内部书写，如：‘<div style="color:red;"></div>’ 3、id选择器权重值是100，如：#first； 4、类选择器、伪类选择器、属性选择器的权重值是10...

【CSS】——三大基础选择器以及优先级

漫漫长途，终有回转；余味苦涩，终有回甘

05-23

5387

前提　　小编最近在学习前端的一些内容，想要做出用户体验度高的界面，CSS是我们必须要学习的一门编程语言。何为CSS？　　CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。为什么有CSS选择器？　　要使用css对HTML页面中的元素实现一对一，一对多或者多对一

【CSS】哪些样式属性可以继承

李留白

03-21

6803

不可继承的：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选择器的优先级和权重计算

Azhongpu的博客

11-16

627

css选择器的优先级和权重计算文章目录css选择器的优先级和权重计算前言一、选择器的优先级和权重计算1.不同选择器的比较（从高到低）2.权重计算3.相同级别的选择器比较二、使用步骤1.引入库2.读入数据总结前言昨天介绍css选择器，今天我详细介绍一下css选择器的优先级及权重的计算。一、选择器的优先级和权重计算 1.不同选择器的比较（从高到低） 1.在属性后面加 !important 会覆盖页面内任何位置定义的元素样式 2.内联样式（也就是在作为style属性写在元素内的样式） 3.id选择器

CSS选择器权重计算与优先级

m0_51734506的博客

12-13

2560

CSS选择器权重计算与优先级 选择器有优先级，可以通过权重来计算优先级。一：优先级 等级划分：第一优先级：css属性+!important是一种强制改变优先级的方法，它会覆盖页面内任何位置定义的元素样式，它拥有最高优先级。第二优先级：在html中给元素标签加style，即内联样式。第三优先级：由id选择器来定义。例如，#id{ }会覆盖.classname{ } 第四优先级：由class选择器、属性选择器、伪类选择器定义。如.classname{ }会覆盖div{ } 第五优先级

css选择器优先级及权重计算