css 选择器

80 阅读1分钟

[TOC]

选择器

  • 通用选择器 *{} 效率低不推荐使用

  • 标签选择器

  • 并集选择器 通过,隔开

  • 简单选择器

    • 类型选择器
    • 类选择器
    • id 选择器
  • 属性选择器

    例子:[title = val] {} 所有拥有 title 属性的元素

  • 后代选择器

    以空格分开后代 以> 连接 选择孩子元素

  • 兄弟选择器

    • 相邻兄弟选择器:+ 连接
    • 普通兄弟选择器: ~连接
  • 交集选择器

    • 元素类名

伪类

选择特定状态的元素 只有处于 DOM 树无法描述的状态下才能为元素添加样式

伪元素

用于创建一些不在 DOM 树中的元素,并为其添加样式。 使用过程中不可以将 content 省略

区别

伪类与伪元素的区别在于:有没有创建一个文档树之外的元素。