css选择器

选择器，顾名思义，用于从XHTML文档中选择元素。

---

1、元素选择器

元素选择符选择一种元素的所有实例。例如：

p{ color: red; }

2、类选择器（class）

类选择器用于描述一组元素的样式。html元素通过class属性来设置类选择器，在CSS中，类选择符以一个圆点(.)开头。例如：

.info { color:purple; }

3、ID选择符

ID选择符用来为标有特定id的html元素指定特定的样式，html元素以id属性来设置id选择器，CSS中id选择器以"#"来定义。例如：

#introduction {color: green}

5、伪类选择器

伪类选择符类似于类选择符，但其选择的处于特定状态的元素。这种选择符符以冒号":"开头。可用的伪类只有有限几个：

  :link { } 选择所有超链接元素；
  :visited { } 选择那些所指向的目标已经被访问过的链接；
  :active { } 处于活动状态的链接，所谓处于活动状态，指定是在被激活期间；
  :hover {  } 选择用户的定点设为“悬浮”于其上方的元素；
  :focus {  } 选择拥有焦点的元素。

---

---

---

6、关系选择器

关系选择器，顾名思义，是根据HTML元素在DOM树中的关系来选择元素，这些关系包括后代、父子、同胞、相邻同胞。于是，关系选择器就包括后代选择器、子选择器、相邻同胞选择器、同胞选择器。

image.png

7、组合选择器

可以把两种或者多种类型的选择符组合式使用，示例，：

p.info { color:blue; }

8、分组选择器

可以把几个选择器组合起来使用，以便同一套声明集能够应用到许多元素上。示例：

p, h1, h2 {color: blue; }