访问前 | :link |
激活/点击 | :active |
访问后 | :visited |
移入 | :hover |
描点更改样式 描点 | :target |
获取焦点 | :focus |
-
访问前 :link
<style>
a:link{
font-size: 20px;
text-decoration: none;
background-color: chartreuse;
}
</style>
<body>
<div>
<a href="">点击跳转</a>
</div>
</body>
-
激活/点击 :active
<style>
a:active{
font-size: 20px;
text-decoration: none;
color: white;
background-color: chartreuse;
}
</style>
<body>
<div>
<a href="">点击跳转</a>
</div>
</body>
等...