<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ text-decoration: none; } a:link{ color: #bfa; } a:visited{ color: pink; } </style> </head> <body> <!-- :link 表示作为超链接，并指向一个未访问的地址的所有锚 --> <a href="#">颠颠地那</a> </body> </html>
/*链接伪类*/ 注意:link，:visited，:target是作用于链接元素的！
:link 表示作为超链接，并指向一个未访问的地址的所有锚
:visited 表示作为超链接，并指向一个已访问的地址的所有锚
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } a{ text-decoration: none; color: #BBFFAA; } div{ width: 200px; height: 200px; background: pink; display: none; text-align: center; font: 50px/200px helvetica; } :target{ display: block; } </style> </head> <body> <a href="#div1">a</a> <a href="#div2">v</a> <a href="#div3">b</a> <div id="div1"> a </div> <div id="div2"> v </div> <div id="div3"> b </div> </body> </html>
:target 代表一个特殊的元素，它的id是URI的片段标识符