常用的css选择器

css选择器

常用的css选择器

1.标签选择器
概念:标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。

2.(class)类选择器

  • 类选择器使用“.”(英文点号)进行标识,后面紧跟类名
    类标签我们可以给标签指定多个类名,从而达到更多的选择目的

3.#id选择器
id选择器使用 # 进行标识,后面紧跟id名

4.通配符选择器
概念:通配符选择器用 * 号表示, * 就是 选择所有的标签 他是所有选择器中作用范围最广的,能匹配页面中所有的元素。

各选择器的用法

1.标签选择器
在这里插入图片描述

2.类选择器
在这里插入图片描述
3.id选择器
在这里插入图片描述
id选择器和类选择器区别

  • W3C标准规定,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。

1.类选择器(class) 好比人的名字, 是可以多次重复使用的, 比如 张伟 王伟 李伟 李娜
2.id选择器 好比人的身份证号码, 全中国是唯一的, 不得重复。 只能使用一次。

4.通配符选择器
在这里插入图片描述

基础选择器总结

在这里插入图片描述
基础选择器我们一共学了4个, 每个都有自己的价值, 可能再某个地方都能用到。但是如果说,一定
要找个最常用的,那么,肯定是类选择器。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值