css选择器优先级

最新推荐文章于 2021-07-11 15:00:43 发布
最新推荐文章于 2021-07-11 15:00:43 发布
阅读量148 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyr_student/article/details/81978771
版权

一、选择符分类

1.标签选择器（如：body、div）

2.类选择器（class=" ")

3.ID选择器

4.全局选择器

5.组合选择器

6.后代选择器

7.群组选择器

8.继承选择器 div p

9.伪类选择器

10.字符串匹配的属性选择符：^ 开始         $ 结尾          *包含

11.子选择器

12.CSS相邻兄弟选择器

二、排序

！important》行内样式》ID选择器》类选择器》标签》通配符》继承》浏览器默认属性

三、权值

内联：1000

ID：100

Class：10

HTML：1

??or??
关注
专栏目录
关于CSS选择器优先级的判断题附结果截图
09-25
理解CSS选择器优先级是编写高效、可维护CSS代码的关键。以下是关于CSS选择器优先级的一些详细说明： 首先，CSS选择器的优先级由四个部分组成，每个部分对应一个权重值： 1. ID选择器（#id）：每个ID选择器的权重为...
深入理解CSS选择器优先级
09-27
本文将深入探讨CSS选择器优先级，通过八个实例来帮助你更好地理解这个概念。 首先，我们要明确一点，类的覆盖顺序并不取决于它们在HTML中的引用顺序，而是取决于它们在CSS文件中定义的顺序。例如，如果有两个类选择...
css选择器优先级深入理解
09-25
理解CSS选择器的优先级规则，对于控制页面布局和样式的具体表现至关重要。 首先，需要明确的是CSS中存在基础选择器和组合选择器，以及属性选择器。基础选择器包括标签选择器、类选择器、id选择器和通用选择器。组合...
vue更新版本
热门推荐
zhangyr的博客
07-31 2万+
cnpm install -g @vue/cli
vue单独页面body的css样式
zhangyr的博客
08-28 8528
做法：给最外层div加position：fixed；height：100%；使其脱离文档流，再加自己想要的样式。 原因：app.vue中还设置了一层div，我们所加的并不是最外层的div。...
关于windows系统没有which命令的解决方案
zhangyr的博客
07-11 1873
1.which是什么命令？ linux系统下可以查找命令的绝对路径 2.windows系统下没有这个命令怎么办？ 可以用where代替
calc()函数使用注意事项
zhangyr的博客
08-22 1800
1.运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 2.calc()函数使用标准的数学运算优先级规则； 3.支持CSS3 calc函数可动态计算长度值
element组件 dialog 中form表单不能清除成功
zhangyr的博客
03-26 1798
用v-if的方法来渲染dialog子组件 1.dialog绑一个close事件，点 x 按钮调close函数 2.点取消调一次close函数 3.点保存保存成功后调一次close函数 父组件: <template> <div class="list"> <el-button @click="clickEdit">edit</el-b...
JavaScript shell安装
zhangyr的博客
02-27 1516
1. http://ftp.mozilla.org/pub/firefox/nightly/latest-oak/下载需要的安装包并解压； 2. 将jsshell-win64如E:\software\jsshell-win64配置到系统的环境变量下，即可直接打开cmd运行js代码（打开cmd后输入js就可以进行运行了）。...
CanvasRenderingContext2D的API方法
zhangyr的博客
01-28 1514
1.向Canvas的当前路径上添加一段弧 void arc（float x,float y,float radius,float startAngle,endAngle,boolean counterclockwise)   2.向Canvas的当前路径上添加一段弧，与前一个方法相比，只是定义弧的方式不同 void arc （float x1,float y1,float x2,flo...
js类公有属性和私有属性
zhangyr的博客
11-19 1455
function Test(){ var name = 'test'//私有 this.age = 12//公有 this.getName = function(){ return name } this.getAge = function(){ return this.age } } var Test = new Test() print(Test.name)//unde...
input自动填入用户名和密码的解决方法
zhangyr的博客
02-25 1286
1. <form> <el-input type="text" autocomplete="off"></el-input> <el-input type="password" autocomplete="new-password"></el-input> </form>
CanvasRenderingContext2D提供的属性
zhangyr的博客
01-29 1229
1.fillStyle 设置填充路径时所用的填充风格，该属性支持3种类型的值： 1）符合颜色格式的字符串值，表明使用纯色填充 2)CanvasGradient,表明使用渐变填充 3）CanvasPattern，表明使用位图填充   2.strokeStyle 设置绘制路径时所用的填充风格，该属性支持3种类型的值： 1）符合颜色格式的字符串值，表明使用纯色填充 2）CanvasGr...
vue init webpack "项目"报错
zhangyr的博客
06-03 1091
第一种： 解决方法：找到对应文件夹中index.js：160：14位置的eql…，改成notEql….. 第二种： 解决方法：连服务器 第三种： 解决方法： （还没写完。。。。）...
express学习笔记(一)
zhangyr的博客
02-18 714
一、路由 路由是指应用程序的端点（URI）如何响应客户端请求。 可使用express app对象的方法定义路由。 /*创建express应用程序，该express（）函数是express模块导出的顶级函数*/ var express=require('express'); var app=express(); /*该app对象通常表示express应用程序*/ app.get('/',f...
canvas学习笔记（七）----裁切路径
zhangyr的博客
11-08 468
clip（）将当前的路径转换为裁剪路径 只能用一次，后续再用，不起作用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
git add readme.txt fatal: pathspec 'readme.txt' did not match any files
zhangyr的博客
08-10 447
git创建readme.txt文件时报错 解决办法：手动创建，然后输入命令行touch readme.txt
canvas学习笔记（三）----使用样式和颜色
zhangyr的博客
11-08 425
//颜色 fillStyle = color;//设置图形的填充颜色 ctx.fillStyle strokeStyle = color;//设置图形轮廓的颜色 ctx.strokeStyle globalAlpha = transparencyValue;//设置填充颜色或轮廓颜色的透明度 ctx.globalAlpha //线条样式 lineWidth = value;//...
css 选择器优先级
最新发布
08-15
CSS选择器优先级是用来确定在多个选择器应用于同一个元素时，哪个选择器的样式规则将被应用。CSS选择器优先级由四个部分组成：内联样式、ID选择器、类和伪类选择器、元素和伪元素选择器。它们的优先级从高到低依次...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值