CSS选择器的权重是什么
发表于:2024-10-18 作者:千家信息网编辑
千家信息网最后更新 2024年10月18日,这篇文章主要介绍了CSS选择器的权重是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS选择器的权重是什么文章都会有所收获,下面我们一起来看看吧。选择器的权重权重就
千家信息网最后更新 2024年10月18日CSS选择器的权重是什么
这篇文章主要介绍了CSS选择器的权重是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS选择器的权重是什么文章都会有所收获,下面我们一起来看看吧。
选择器的权重
权重就是我同个元素,有多个选择器的情况下,我该选择哪一个选择器的样式。
行内的样式
id的样式
class的样式
p标签的样式
通过上面的比较,可以得出,行内样式>id选择器>类选择器>标签选择器>通配符
那么有没有可能让标签选择大于所有的选择器呢,答案是有的,只要加上这行代码!important,任何选择器的权重就是无限大了。
行内的样式
id的样式
class的样式
p标签的样式
选择器的类型
ID选择器 #id
类选择器 .class
标签选择器 p,div等
属性选择器 [type="text"]
通用选择器 *
伪类选择器 :hover
伪元素选择器 ::before
子选择器、相邻选择器
选择器的权重
第一等:行内样式是 1000,行内样式虽然没被列入选择器里,但它的权重是最高的
第二等:id选择器是 100
第三等:类选择器、伪类选择。属性选择器、属性选择器 10
第四等:标签选择器和伪元素选择器 1
其他选择器的权重为0
继承的样式没有权重
如果等级相同,那么最后的样式会覆盖前面的样式
最后请记住!important 的权重是无限大的
权重的计算
将选择器的权重加起来
最终的样式是文字为蓝色
因为body input 的权重是2,body,input每个的权重是1,所以加起来就2
#id .input input{ color: yellow;}
上面的权重就是 100 + 10 +1 = 111
关于"CSS选择器的权重是什么"这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对"CSS选择器的权重是什么"知识都有一定的了解,大家如果还想学习更多知识,欢迎关注行业资讯频道。
选择
权重
样式
标签
元素
就是
属性
知识
内容
无限大
篇文章
面的
最高
相同
代码
价值
多个
情况
操作简单
文字
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
四川布叮网络技术有限公司
哈尔滨网络技术人员
叶县网络安全宣传
孩子该了解的网络安全
白城网络技术培训
datav 数据库多维度
数据库安全性成本和性能
手机网络安全检测机构
sql 数据库收缩文件
网络安全技术监督
ava数据库开发项目
服务器usb接口被禁用怎么恢复
u8数据库取消坏账
云计算服务器组
查看服务器序列号
联想服务器管理员密码
元宇宙服务器概念股
我的世界0.9.5服务器
崇明区银联数据库服务商有哪些
互联网网络安全检查
全国省市区县镇数据库
jetbrains数据库建模
汕头微商软件开发常见问题
樱花内网穿透无法连接服务器
08数据库设置
阿里云服务器安全测试
ccrc网络安全汇报
渡边如何校准服务器时间
导出数据库表代码
赤峰手机软件开发培训