粥里有勺糖

vuePress-theme-reco 粥里有勺糖    2018 - 2023
粥里有勺糖 粥里有勺糖

Choose mode

  • dark
  • auto
  • light
关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
author-avatar

粥里有勺糖

285

文章

40

标签

关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
  • Css

    • 简介
    • 伪元素
    • 伪类
    • 选择器
    • 伪元素before与after
    • 实现表格斑马纹
    • 回流与重绘
    • 盒模型
    • 弹性布局
    • CSS层级关系
    • BFC
    • IFC

css选择器

vuePress-theme-reco 粥里有勺糖    2018 - 2023

css选择器

粥里有勺糖 2020-09-05 大前端CSS

# css选择器

# 基本选择器

  1. 通配符(通用选择器):*
  2. 标签选择器(类型选择器):sapn,a,p等等
  3. 类选择器:.class
  4. id选择器:#id
  5. 属性选择器:[attr],[attr=value]等等

# 分组选择器

  1. , : span,div同时匹配 这两个

# 组合器

  1. 后代组合:.A .B 匹配位于.A中的.B元素
  2. 直接后代:.A > .B匹配位于.A中直接后代.B元素
  3. 一般兄弟组合:.A ~ .B匹配同一父元素下.A元素后的所有.B元素
  4. 紧邻兄弟组合:.A + .B匹配同一父元素下紧邻.A元素的.B元素

# 伪选择器

  1. 伪类:添加到选择器的关键字,指定要选择的元素的特殊状态
  2. 伪元素:附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式

# 参考

1.MDN:CSS选择器 (opens new window)
2.MDN:CSS伪类 (opens new window)
3.MDN:CSS伪元素 (opens new window)

Edit this page (opens new window)
Last Updated: 2022/5/15 12:46:34