伪类选择器

伪类选择器

	<style>
		
	 	/*
	 	这几个样式同时设置时的顺序：
	 	love hate
        l(link)ov(visited)e h(hover)a(active)te 
        */
	
        div {
            width:200px;
            height: 200px;
            background-color: #f90;
        }
        
         /* 鼠标悬停时的样式 */
        div:hover {
            background-color: #099;
        }
		
		 /* 鼠标按下时的样式 */
        div:active {
            background-color: #090;
        }
        
        /* 设置未访问过的超链接样式 */
        :link {
            color: red;
        }

        /* 设置访问过的超链接样式 */
        :visited {
            color: blue;
        }

        /* 设置鼠标悬停时的样式 */
        a:hover {
            color: #f90;
        }


        /* 设置鼠标按下时的样式 */
        a:active {
            color: blueviolet;
        }
    </style>