选择器

• 元素选择器

• 用标签名来作为选择器，选中所有相应的元素。

• 

• 类选择器

• 根据class属性来选择元素，样式定义为：
  .className{
  ……
  }
  

• ID选择器

• 顾名思义，是根据id来选择元素，其样式定义形式为：
  #idname{
  ……
  }
  

• 属性选择器

选择器 描述
[attribute]
选取带有指定属性的元素。12456
[attribute=value]
选取带有指定属性和值的元素。6
[attribute~=value]
选取属性值中包含指定词汇的元素。456
[attribute|=value]
选取带有以指定值开头的属性值的元素，该值必须是整个单词。6
[attribute^=value]
匹配属性值以指定值开头的每个元素。1256
[attribute$=value]
匹配属性值以指定值结尾的每个元素。46
[attribute*=value]
匹配属性值中包含指定值的每个元素。12456

• 关系选择器

• E F ：选择E元素的后代元素F（所有后代，包括子类、孙类）
  E > F : 选择E元素的直接后代元素（也就是子类）
  E + F：选择E元素的第一个弟弟元素F
  E ~ F: 选择E元素的所有弟元素F

• 并选择器

• 将相同的样式放在一起，类名直接用逗号分开

• 

• 通配符选择器

• 通配符选择器可以选中页面所有的标签

写法：*{xxxxxxx}