伪类和伪元素

1.正常链接

a:link{
      color:green;
  }

2.访问过的链接

a:visited{
      color:yellow;
}

注:只能定义字体颜色

3.鼠标滑过的链接

a:hover{
color:skyblue;
}

4.正在点击的链接

a:active{
color:black;
}

5.获取焦点

a:focus{
  backgroud-color:orange;
}

6.指定元素前

a:before{
 background-color:white;
}

7.指定元素后

a:after

8.选中的元素

a::selectio{
background-color:white;
}

伪元素

1.首字母

a:first-letter{
    background-color:orange;
}

2.首行

a:first-line{

}

3.前面

a:before{
content:"我在文章的最前面";
color:skyblue;
}
需要用content(内容)来定义内容

后面

a:alter{
    content:"我会出现在文章的最后面";
    color:red;
}