【HTML学习笔记】选择符的权重

最新推荐文章于 2022-07-26 21:05:50 发布

凯文斯坦森

最新推荐文章于 2022-07-26 21:05:50 发布

阅读量255

点赞数

分类专栏： HTML学习笔记文章标签： css html

kevinstatham

本文链接：https://blog.csdn.net/m0_46349113/article/details/104596456

版权

HTML学习笔记专栏收录该内容

2 篇文章 1 订阅

订阅专栏

按结构来说，div>class>id>style
div包含的最大，是一大块
class包含一类，可以有好多标签元素包含在一个class里
id只包含一个标签内的元素，只能唯一
style针对范围更小的元素，一般不提取出来，直接在代码中定义样式

他们之间的权重大小为：style>id>class>div
style权重=1000
id权重=100
class权重=10
div权重=1

当他们同时定义某个元素起冲突时，权重最大的起作用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凯文斯坦森

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML+CSS学习笔记（温故而知新）

qq_64510496的博客

07-14

188

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

自己学习html+css的详细笔记

qq_53366282的博客

05-18

1812

目录常用符号： 6 有序列表：ol>li 6 无序列表：ul>li 7 自定义列表：dl>dt+dd 7 图片标签： 7 表格： 8 表单from： 8 CSS： 9 CSS优先级： 9 CSS选择器 10 伪类选择器： 10 CSS文本属性 11 1. 字体大小 11 2. 颜色 11 3. 加粗&倾斜 11 4. 水平垂直居中 12 5. 文本间距 12 6. 首行缩进 12 7. 文本修饰 12 8. Transform大小写 13

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

选择符的权重（特殊性）

沭瑾

08-29

410

css中，用4位数字表示权重，权重的表达方式如：0,0,0,0 类型选择符的权重为：0001 类（class）选择符的权重为：0010 ID选择符的权重为：0100 伪类选择符的权重为：0010 包含选择符的权重为：包含选择符权重之和内联样式的权重：1000 通配符权重：0000 伪元素选择符的权重为：0001 子选择符的权重为：0000 属性选择符的权重为：0010 继承样式权重为：0000 ...

选择符的权重

Lgw_zuiyouxiu的博客

07-13

830

1、选择符的权重 css中用四位数字表示权重，权重的表达方式如：0，0，0，0 （元素）类型选择符的权重为 0001 伪元素选择符的权重为 0001 class选择符的权重为 0010 属性选择符的权重为 0010 伪类选择符的权重为 0010 id选择符的权重为 0100 内联样式的权重为 1000 通配符的权重为 ...

了解css选择符的权重问题

touchandy

12-23

130

当对于一个标签设置多选择符的时候，设置的样式是会重叠的，或者说是覆盖。这个时候我们就应该要清楚的知道，最终这个标签应用的是哪个选择符的样式，否则的话就会浪费时间在firfox上对我们想要的样式进行筛选。在写代码的时候就清楚的知道这一点是最节省时间的，那么方法就是要清楚的知道各个选择符的权重值是多少。对于不同选择符的样式设置发生冲突时，最终会采用权重值高的选择符设置的样式。下...

前端基础（3）：选择符的权重和CSS核心属性

Quick_only的博客

08-22

411

DAY3 ：选择符的权重及CSS核心属性一、CSS选择符的权重 css中用四位数字表示权重，权重的表达方式如：0，0，0，0 类型选择符的权重为0001 class选择符的权重为0010 id选择符的权重为0100 子选择符的权重为0000 属性选择符的权重为0010 伪类选择符的权重为0010 伪元素选择符的权重为0010 包含选择符的权重：为包含选择符的权中之和内联样式的权重为1000 继承样式的权重为0000 二、CSS层叠概念作用于同一个元素上的多个样式会出现冲突，当多个样式发生重叠，优先级高

CSS常用选择符和权重

luxunlx123的博客

04-29

550

1.css语法 css语法由两部分组成：选择符、声明语法：选择符{属性：属性值；属性：属性值；} 说明：（1）每个css样式由两部分组成，即选择符和声明，声明又分为属性和属性值（2）属性必须放在花括号中，属性与属性值用冒号链接（3）每条声明用分号结束（4）当一个属性有多个属性值得时候，属性值与属性值不分先后顺序（5）在书写样式过程中，空格、换行等操作不影响属性显示。例： &lt...

HTML_CSS学习笔记.docx

07-15

- 优先级：计算权重决定哪个样式生效，涉及内联样式、类、ID 和标签选择器等。 - !important：用于设定最高优先级，但应谨慎使用。 10. CSS3 字体样式： - 支持更多的字体类型，如 @font-face 规则导入自定义...

前端学习笔记 - HTML+CSS

fengxm0309的博客

10-07

4737

基础认知网页什么是网页网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Lang

HTML+CSS 学习笔记

wc777777的博客

10-09

932

一、什么是html？超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 1. 网页的组成网页的三要素：结构html，表现css，行为js 2. Html发展史 HTML1，而是1993年IETF团队的一个草案，并不是成型的标准。 HTML2.0，在1995年HTML有了第二版，即HTML2.0，当时是作为RFC1866发布的。 HTML3

CSS超出部分省略号

weixin_42340514的博客

10-19

405

1，单行文本实现超出部分省略号 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 2，多行文本实现超出部分省略号 overflow:hidden; text-overflow:ellipsis; display:-webkit-box;//将对象作为...

html样式显示优先级（权重）

m0_57050766的博客

07-26

1778

html样式显示的优先级

Css权重

weixin_55017780的博客

06-07

4584

Css的权重是指样式的优先级，当有多个样式作用于一个元素时，只有权重高的样式对元素起作用，然而当权重相同时，后写的样式会覆盖前面的样式。在设置Css中我们如何去判断权重呢？权重值是可以计算的，我们可以通过样式应用方式的权重值来进行计算。样式的应用方式的权重值如下：内联样式，权重值为1000 ID选择器，权重值为100 类、伪类，权重值为10 标签选择器，权重为1 通过举例我们可以更清楚了解权重的作用和意义 ...

CSS入门

s_i_lence_的博客

06-02

362

CSS

CSS3新特性（属性选择器，结构伪类选择器，伪元素选择器）

m0_49662897的博客

02-25

272

CSS3新特性（属性选择器，结构伪类选择器，伪元素选择器）

CSS权重

欣辰的博客

11-26

437

CSS权重 CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重 1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如：style=””，权重值为1000 3、ID选择器，如：#content，权重值为100 4、类，伪类和属性选择器，如： content、:hover 权重值为10 5、标签选择器和伪元素选择器，如：div、p、:

css 权重、权值（标签优先级）

weixin_44167504的博客

09-07

289

css 权重、权值（标签优先级） id:100 class:10 tag:1 #box>div{}=>权值101 #box1{}=>权值100 <div id="box"> <div id="box1"></div> </box>

css权重

abraham的博客

11-10

4996

！important>行间样式>id>class或属性或伪类>标签选择器>通配符 infinity 1000 100 10 1 0 256进制父子选择器/派生选择器 <!DOCTYPE html> <html> <head> ...

CSS 权重取消样式

无名大白

08-30

517

通用选择器（*）权重值：元素，伪元素：+1 //p {} 类，伪类，属性：+10 //.div ID：+100 内联样式：+1000 !important // img { width: 150px !important;}//强制使用例如以下样式： p {} //p为元素，总权重就是：1 div p{} //p与div都是元素，总权

HTML学习笔记：从基础到实践

本资源是一个个人编写的HTML学习笔记，涵盖了HTML的基本概念、历史演变、常用编辑器以及基本结构和标签。HTML，全称为超文本标记语言，是一种用于创建网页的标准标记语言，它能描述网页的结构并嵌入文字、图形、动画...