一、伪类（选择器）

伪类（选择器）就是定义了元素的特殊状态的存在，比如说a标签的hover是鼠标滑过的状态，active是选中时的状态，link是为访问的状态，visited是访问过的状态

  1. /* 未访问的链接样式 */
  2. a:link {
  3.     color: #FF0000;
  4. } 
  5. /* 访问过的链接样式 */
  6. a:visited {
  7.     color: #00FF00;
  8. } 
  9. /* 鼠标滑过后的链接样式 */
  10. a:hover {
  11.     color: #FF00FF;
  12. } 
  13. /* 选中的链接样式 */
  14. a:active {
  15.     color: #0000FF;
  16. }

二、伪元素

伪元素就是定义元素”一部分”的特殊样式，比如定义某个元素的第一个字符，第一行，或者定义该元素before、after、center的地方插入的内容

::after p::after p元素后插入内容
::before p::before p元素前插入内容
::first-letter p::first-letter p元素中第一个字符
::first-line p::first-line 第一行
::selection p::selection 用户选中区域