02伪类选择器.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> /* love hate*/ /*未访问的链接样式*/ a:link { font-size: 16px; color: darkblue; font-weight: 700; } /* 已访问的链接*/ a:visited { color: yellow; } /* 鼠标悬停效果*/ a:hover { color: red; } /* 按住鼠标不松手*/ a:active { color: gray; } </style> </head> <body> <div> <a href="http://www.hao123.com">抢购</a> <a href="http://www.ganji.com">秒杀</a> </div> </body> </html>