CSS选择器分类整理

读完《CSS权威指南》,对选择器有如下整理:

selector 本质上是执行元素样式匹配规则,我们可以利用它来限定某些元素
选择器类型:

<!-- 实体,即HTML中存在 -->

1.通配选择器 * 匹配任意
2.元素选择器 p 
3.类选择器 .class
4.ID选择器 #id
5.属性选择器 element[rep] (不常用) 

<!-- 虚体,即HTML本身不存在 -->

1.伪类(一些在某种行为会被自动定义的类,有点类似游览器会自动帮我管理这些内置类)

  <!-- 表现 -->
  1.link
  2.visited
  3.focus
  4.hover
  5.active
  <!-- 结构 -->
  1.first-child
  2.last-child
  3.nth-chlid(an+b)
  4.not()
  <!-- 内容 -->
  1.empty

2.伪元素(向文档中插入的假想元素)

  <!-- 表现 -->
  before
  after

选择器规则:

<!-- 选择器组合 -->
1.分组 逗号分隔(相同属性聚集)
2.交集 

<!-- 文档结构 -->
1.后代选择器 空格
2.子代选择器 >
3.兄弟选择器 +

转载于:https://www.cnblogs.com/sefaultment/p/10195394.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值