伪类选择器和伪元素选择器的使用

1.常用的五类伪类选择器使用方法如下

a:link {color: red}       /*未点击前颜色*/
a:hover {color: yellow}   /*悬浮上颜色*/
a:active {color: pink}    /*点击时颜色*/
a:visted {color: black}   /*点击后颜色*/
input:focus {background-color: red}  /*input框获取焦点*/

2.伪元素选择器的使用

p:first-letter {
            font-size: 48px;
            color: orange;
        }
p:before {  /*在文本开头 同css添加内容*/
            content: '真不错';
            color: blue;
        }
p:after {
            content: '相当好！';
            color: orange;
        }