CSS基础班笔记(二)

最新推荐文章于 2025-07-13 13:07:53 发布

原创最新推荐文章于 2025-07-13 13:07:53 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #笔记 #前端

程序员专栏收录该内容

201 篇文章

订阅专栏

| 元素选择器（标签选择器） | 0，0，0，1 |

| 类选择器，伪类选择器 | 0，0，1，0 |

| ID选择器 | 0，1，0，0 |

| 行内样式style=“” | 1，0，0，0 |

| ！important重要的 | 无穷大 |

类选择器权重为10
伪类选择器权重为10
ID选择器权重为100

1.4、优先级注意点🔥

等级判断是从左到右，如果某一位数值相同，则判断下一位数值
继承的权重是0
权重可以叠加，但是永远不会有进位

1.5、权重的叠加🔥

权重叠加：如果是复合选择器，则会有权重的叠加，需要计算权重

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

pCITv1C

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS基础班笔记(三)

m0_61083409的博客

02-21

221

web前端剑法之css ??web前端剑法之css 地址 ??CSS基础班笔记(一) https://blog.youkuaiyun.com/Augenstern_QXL/article/details/115560532 ??CSS基础班笔记(二) https://blog.youkuaiyun.com/Augenstern_QXL/article/details/115560502 ??CSS基础班笔记(三) https://blog.youkuaiyun.com/Augenstern_QXL/article/details/115726

【黑马程序员】1、CSS基础_2023新版前端Web开发HTML5+CSS3+移动Web视频教程_笔记

qq_37581764的博客

07-11

1888

层叠样式表（Cascading Style Sheets，缩写为 CSS），是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 CSS 是开放网络的核心语言之一

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

HTML学习-day4 CSS常用选择器及权重叠加

qq_41888318的博客

08-03

238

1.标签选择器可以将某一类标签全部选出来 div { color: red; width: 100px; height: 50px; } 2.类选择器给元素一个类名，设置样式时.类名，可以给一个或多个元素指定样式，一个元素可以加多个类名获取多种样式，相当于人的名字，可以多次重复使用 <style> .red { color: red; } .myfont { font-size:14px;

web前端css学习笔记(3)——伪类选择器、选择器优先级

m0_52353966的博客

04-01

1305

本节学习伪类、伪类选择器。本节接上一节，学习了最后的伪类选择器和伪元素选择器。选择器优先级有自己的计算方式，从左往右计算。

【CSS】CSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

让学习成为一种习惯 ( 韩曙亮の技术博客 )

03-14

1793

一、权重叠加计算公式 1、后代选择器权重计算 2、后代选择器权重计算二 3、链接伪类选择器权重计算二、代码示例 1、标签结构 2、后代选择器选择案例 1 2、后代选择器选择案例 2 3、后代选择器选择案例 3

css选择器的优先级以及用法

热门推荐

hellow_tommer的博客

11-27

1万+

前言本篇主要是css的选择器，及用法总结提示：这里对文章进行总结：以上就是今天要分享的内容，如有错误，欢迎大家指出，我会及时修改的。 ...

CSS选择器的优先级

PNJ的博客

04-23

1895

使用CSS样式时，可能会存在多个规则应用于同一个元素。为了解决这种冲突，CSS定义了一种优先级规则来确定哪个规则应该优先应用于元素。

CSS笔记(1).pdf

01-26

CSS笔记 CSS（Cascading Style Sheets），即层叠样式表，是一种用于描述网页样式的语言。CSS的出现拯救了混乱的HTML，让HTML专注于结构呈现，而样式交给CSS处理。一、CSS简介 1.1 CSS的发展历程从HTML被发明...

毕老师javase基础班全程笔记

02-26

毕老师JavaSE基础班全程笔记深入浅出地介绍了JavaSE的核心知识点，涵盖了编程基础、集合框架、异常处理、多线程、IO流等多个方面的内容。本笔记作为学习资源，旨在帮助学生打好Java编程的基础，并能够熟练地应用Java...

基于Java与HTML/CSS的2016春季百度前端培训班ifeTrain设计源码

10-01

唯一的一个Markdown文件可能用于项目的文档说明或笔记。项目的主要技术栈包括Java、HTML和CSS。Java语言在本项目中的应用可能主要是后端逻辑处理或数据处理，尽管前端开发通常更多地涉及到JavaScript、HTML和CSS，...

选择器的优先级和伪类的顺序

liaoxuewu的博客

09-20

1万+

1.选择器的优先级（1）样式的继承像儿子可以继承父亲的财产一样，在CSS中，祖先元素上的样式也会别后代元素所继承，利用继承可以将一些基本的样式设置给祖先元素，这样所有的后代元素将会继承这些样式。继承时对开发的一种简化，通过继承我们可以将元素共有的样式统一设置给祖先元素，这样就只需要设置一次，就给所有的元素设置了样式。注：但是并不是所有的样式都会被子元素所继承，比如：背景相关的、边框相关的、定...

css选择器的优先级

yingzizizizizizzz的专栏

03-23

2105

关于下列CSS选择器：ID选择器、类选择器、伪类选择器、标签名称选择器，排序正确的是： ID选择器>Class选择器=伪类>标签名称选择器伪类和类选择器的优先级是一样的。一般来说，选择器的优先级（从上往下依次降低）是：在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。作为style属性写在元素内的样式 id选择器 类选择器 标签选择器通配符选

61、CSS选择器及其优先级（伪元素、伪类选择器）

sunnnnh的博客

06-17

2840

1. CSS选择器及其优先级选择器格式优先级权重 id选择器 #id 100 类选择器 .classname 10 属性选择器 a[ref=“eee”] 10 伪类选择器 li:last-child 或a:hover 10 标签选择器 div 1 伪元素选择器 li::after 1 相邻兄弟选择器 h1+p 0 子选择器 ul>li 0 后代选择器 li a 0 通配符选择...

CSS-(选择器，伪类，选择器优先级)

qq_37431752的博客

02-28

933

22:01 2019/2/27/周三 /////////////////////////// CSS：//层叠样式表 ///////////////////////// 1：怎么找到标签（选择器） 2；如何操作标签对象。 ////////////////////////// 4中调用css方式：第一种：直接在标签里面加。第二种直接在<head>里面的<style>里面...

css选择器优先级的权重叠加

qq_43987112的博客

06-10

442

css选择器，权重叠加特性

CSS选择器和层叠性

weixin_50795415的博客

02-05

635

层叠式样式表，用来给HTML标签添加样式的语言。美化页面，实现布局。 css3选择器标签选择器和id选择器、类选择器、复合选择器、伪类选择器 标签选择器和id选择器标签选择器：直接使用元素标签名当作选择器，将选择页面上所有该种标签；通常用于标签的初始化。 ul{ /* 去掉无序列表的小圆点 */ list-style: none; } a{ /* 去掉超级链接的下划线 */ text-decoration: none; } id：#id 标

我终于理解了伪类和伪元素以及CSS选择器的优先级

Judy_qiudie

03-11

4704

参考文章：https://www.jianshu.com/p/996d021bced3 伪元素和伪类从字面理解就是假的元素和假的类。 1、伪类（单冒号） CSS3中的定义：伪类存在的意义是为了通过选择器，格式化DOM树意外的信息以及不能被常规CSS选择器获取到的信息。伪元素的功能：（1）格式化DOM树以外的信息。如：<a>标签的:link、:visited等，这些信息不...

多个css类选择器使用规则

里略乐勒卢的博客

06-27

1万+

类选择器在style中的写法： .类选择器名字注意前面有个点在body中的写法： class="类选择器名字"通常为了减少代码量，使代码更简洁，机智的程序员们会选择调用已有的符合条件的样式，而若一个标签需要多个样式，或存在包含关系，则要考虑用多个类选择器。请看下面的几种情况：一、一个标签使用多个类选择器<head> <style type="text/css...