CSS

1 CSS3选择器分类

CSS3选择器可分为五大类：

• 基本选择器
• 层次选择器
• 伪类选择器
• 伪元素
• 属性选择器

---

2 基本选择器

　　基本选择器在CSS1就已定义，包括：

• * 通配符选择器：选择所有元素，也可选择某个元素下所有元素。
• E 元素选择器：通过标签名选择元素。
• #id ID选择器：通过元素id属性选择元素，具有唯一性。
• .class 类选择器：通过元素class属性选择元素，可以用来标记一类元素。
  
  • .class1.class2 多类选择器：通过多个类名来选择元素。
• selector1,selector2... 群组选择器：不同选择器应用同一个css规则。

---

3 层次选择器

　　层次选择器通过元素间的层次关系来确定选择的元素，包括：

• P C 后代选择器：P元素内所有C元素。
• P > C 子选择器：P元素子集的所有C元素。
• P + C 相邻兄弟选择器：P元素后紧邻的同级C元素。
• P ~ C 通用兄弟选择器：P与C同级，选择P元素后所有C元素。

---

4 伪类选择器

　　伪类选择器都以冒号:开头，形如E:pseudo，冒号前面是元素，后面是伪类选择器，可分为以下六类：

• 动态伪类选择器
• 目标伪类选择器
• 语言伪类选择器
• UI状态伪类选择器
• 结构伪类选择器
• 否定伪类选择器

4.1 动态伪类选择器

　　动态伪类包含两种：

• 锚点伪类
• 用户行为伪类

选择器 类型 功能描述 E:link 链接伪类选择器 选择匹配的E元素，且E元素被定义了超链接且未被访问过 E:visited 链接伪类选择器 选择匹配的E元素，且E元素被定义了超链接且已被访问过 E:active 用户行为伪类选择器 选择匹配的E元素，且E元素被激活 E:hover 用户行为伪类选择器 选择匹配的E元素，且鼠标停留在E元素上 E:focus 用户行为伪类选择器 选择匹配的E元素，且E元素获得焦点

锚点伪类的设置顺序必须按照：link-visited-hover-active顺序设置。

4 派生选择器

---

5 伪类

　　伪类选择器是基于元素的状态进行选择，元素的状态是动态可变的，而不像id/class这种静态选择器。
http://blog.csdn.net/qq451354/article/details/70184513

---

6 伪元素

1. first-letter：元素文本的第一个字符。
2. first-line：元素文本的第一行。
3. before：在元素的内容前面插入新内容。
4. after：在元素的内容后面插入新内容。

---

7 按兄弟选择

h1+p：选择所有紧跟在h1后的p元素。