超链接的伪类与伪元素

• 超链接的伪类
  • link
    用来设置没有访问过的链接，正常的链接
  • visited
    用来设置访问过的链接

    a:link{
        color: green;
        font-size: 20px;
    }
    
    a:visited{
        color:hotpink;
    }
    

  以上两种只能在超链接中使用
  • hover
    用来设置鼠标移入元素的状态
  • active
    用来设置鼠标按下时元素的状态

    a:hover{
        color:lightseagreen;
    }
    
    a:active{
        color: maroon;
    }
    

• 伪元素
  表示并不存在的元素
  ::first-letter 表示元素中内容的第一个字母
  ::first-line 表示元素中第一行的内容
  ::selection 表示元素中选中的文本
  ::before 表示元素中内容开始位置之前，可以结合content属性添加内容
  ::after 表示元素中内容结束位置之后，可以结合content属性添加内容

<style>
	p::first-letter{    /*  开始第一个字母*/
	    font-size: 40px;
	}
	p::first-line{      /*  第一行      */
	    background-color: navajowhite;
	}
	p::selection{       /*  选中文本    */
	    background-color: olivedrab;
	}
	h1::before{         /*  元素开始   */
	    content: '『';
	}
	h1::after{          /*  元素结尾    */
	    content: '』';
	}
</style>

css样式练习：https://flukeout.github.io/