常用选择器

本文详细介绍了CSS中的各种选择器,包括类选择器、ID选择器、后代选择器和子代选择器,以及它们的权重计算规则。类选择器允许多个元素共享同一个class,而ID选择器则具有唯一性。理解选择器的权重对于精确控制样式至关重要,权重越高,其样式优先级越高。此外,还提到了组合选择器和通配选择器的使用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

标签选择器   标签名{样式}  权重:1

class选择器(类选择器) .+class名{}  权重:10

           class选择器的特点:多个标签可以有相同的class名

                          一个标签可以有多个class名

           class名由两个单词组成 用_隔开 eg:div_box

id选择器  #+id名{}   权重:100

             特点:类似于身份证号

                   多个标签不可以有相同的class名

                   一个标签不可以有多个class名

               id选择器 由两个单词组成 用驼峰命名法 eg:imgShow

后代选择器    父选择器 子选择器{}   权重:几个选择器权重相加    儿子孙子等都会选中

子代选择器  父选择器  子选择器  权重:几个选择器权重相加  儿子

组合选择器    选择器1,选择器2,... {}    权重:各个选择器权重单独计算

通配选择器: 权重最小   会选中所有标签  *{}    用途去除一些默认样式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值