选择器种类功能

2.1 选择器的功能和种类
选择器的功能:就是选中页面的元素(标签)

可以一次选择一个,也可以一次选择全部

选择器的种类:

(1)基础选择器:单个选择器构成的

标签选择器、类选择器、id选择器、通配符选择器

(2)复合选择器:把多种基础选择器综合起来

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

2.2 基础选择器
(1)标签选择器

写的选择器,就是html的标签名

能快速为同一类型的标签都选择出来. ,但是不能差异化选择


(2)类选择器

在CSS代码中,创建一个类名,在对应的html元素中,通过class属性来引用这个类名

此时具有该类名的元素,就都会应用上相关的CSS属性

好处是可以表示不同的标签 ,也可以让多个标签的都使用同一个样式


 一个类可以被多个标签使用,一个标签也可以使用多个类(中间用空格分开)


(3)id选择器

id选择器和类选择器类似,不同的一点是id选择器是在一个页面必须唯一不能重复
CSS 中使用 # 开头表示 id 选择器,html 的元素 id 不必带 #
 
(4)通配符选择器

*  直接选中页面上的所有元素

这个通配符选择器,最大的用途就是取消浏览器的默认样式

因为不同的浏览器,默认的样式是不同的,在实际开发时,要求页面不依赖默认样式

所以需要使用通配符选择器


2.3 复合选择器
2.3.1 后代选择器
通过多个选择器的组合,能够选中某个元素里面的子元素或后代元素
————————————————
版权声明:本文为CSDN博主「快到锅里来呀」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_58761900/article/details/126880868

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值