CSS核心笔记001

目录

• 杂七杂八知识点
• • 样式优先级
  • 风格
  • 基本选择器
  • • 通配符
    • 元素
    • 类
    • ID
  • 复合选择器
  • • 交集选择器
    • 并集
    • 后代-孙子
    • 儿子
    • 兄弟
    • 属性
    • • 各种属性选择器的应用
    • 伪类
    • • 动态伪类
      • 结构伪类
      • 否定伪类
      • 目标为类
      • 语言伪类
      • UI伪类
    • 伪元素

杂七杂八知识点

样式优先级

行内 > 内部 > 外部

风格

紧凑风格

基本选择器

通配符

元素

类

ID

复合选择器

交集选择器

中间没有空格,分隔符号等

用的最多的是元素配合类名选择器

并集

逗号分割的选择器

符合其中一个的都会选上

#id1,#id2,#id3,.class1,.class2{} // 这些都会被选上

后代-孙子

// 关键字是 空格,用空格区分.第一个是祖先 第二个是儿子. 第三个是第二个的儿子

儿子的儿子的儿子,都是后代

儿子

// 用 > 区分

兄弟

// 用 +  号

属性

div[title]

各种属性选择器的应用

伪类

动态伪类

结构伪类

否定伪类

目标为类

语言伪类

UI伪类

伪元素

选中元素中的一些特殊位置