(8)CSS选择器

CSS选择器

  1. 什么是选择器?
    这里写图片描述
    在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
  2. 标签选择器。

    这里写图片描述

  3. 类选择器。

    这里写图片描述

  4. ID选择器。

    这里写图片描述

  5. 类和ID选择器的区别。
    相同点:可以应用于任何元素
    不同点:

    • ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
    • 可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。

    这里写图片描述

  6. 子选择器。

    这里写图片描述

  7. 包含(后代)选择器。

    这里写图片描述

    这里写图片描述

  8. 通用选择器。

    这里写图片描述

  9. 伪类选择符。

    这里写图片描述

  10. 分组选择符。

    这里写图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值