CSS的选择器

博客主要介绍了CSS选择器相关知识,包括基础选择器(通配符、标签、类、id选择器)、复合选择器(后代、子代、并集、伪类选择器)和新增选择器(属性、结构伪类、伪元素选择器),还阐述了各选择器的优先级,以及不同样式表来源时的优先级顺序。

css选择器

基础选择器

通配符选择器   标签/元素选择器   类选择器  id选择器

复合选择器

后代选择器  子代选择器  并集选择器  伪类选择器 

新增选择器

属性选择器   结构伪类选择器  伪元素选择器

优先级

0:通配符选择器(继承)

1:标签选择器、伪元素选择器

10:类选择器、属性选择器、结构伪类选择器

100:id选择器

1000:内联样式

无穷大:!important

需计算累加权重:复合选择器

注:

样式表来源不同时

优先级顺序为:内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值