CSS1 中定义的选择器
类型选择器
用于选择指定类型的元素（其实他就是 html 标签选择器），常见用法如下：
| body { /*对 body 元素定义样式*/}body,div { /*同时选择多种标签元素*/} |
ID 选择器
用于选择指定 ID 的 html 元素，常见使用方法如下：
| <div id="nav"> </div><style> #nav { /*定义 ID 为 nav 的元素的样式*/ }</style> |
因为 CSS 的渲染顺序是从右往左进行渲染的，而 ID 则是全唯一的，那么就可以省略掉前面的类型选择器。
类选择器
用于选择指定类名的 html 元素，常见使用方法如下：
| <div class="nav"> </div><style> .nav { /*定义 class 为 nav 的元素的样式*/ }</style> |
包含选择器
用于选择层级嵌套的元素，常见使用方法如下：
| <div class="nav"> <div class="nav-tools"> </div></div><div class="nav"> <div> <div class="nav-tools"> </div> </div></div><style> .nav .nav-tools { /*定义元素的父级元素 class 包含 nav，且子元素class 包含 nav-tools 的元素*/ }</style> |
需要注意的是：包含选择器不关心层级，只要后面的选择器是被包含在前一个元素中的即可。如上述例子，两个 nav-tools 都会被选择器选中！
伪类选择器
:link——链接伪类选择器
用于定义链接未被访问状态时的样式，常见使用方法如下：
| <div class="nav"> <div class="nav-tools"> <ul> <li><a href="#"></a></li> </ul> </div></div><style> a:link { text-decoration: none; color: blue; }</style> |
:visited——链接伪类选择器
用于定义已被访问的链接样式，常见使用方法如下：
| <style> a:visited { text-decoration: none; color: red; }</style> |
:active——用户操作伪类选择器
用于定义被激活的元素样式，常见使用方法如下：
| <style> a:active { text-decoration: none; color: green; }</style> |
:hover——用户操作伪类选择器
用于定义鼠标经过元素是的样式，常见使用方法如下：
| <style> a:hover { text-decoration: none; background-color: #F4F4F4; }</style> |
