a:link { color: blue; } a:visited { color: purple; } a:hover { color: red; } a:focus { outline: 1px solid black; } a:active { color: green; }
如上代码显示了使用 A.on 时可用的 CSS 伪类。当用户点击超链接时,A.on 伪类被触发,超链接的样式将会改变。通过为超链接所使用的属性添加不同的伪类样式,可以使用户在不同的状态下看到链接。
例如,当光标悬停在链接上时,链接可以变成红色;当链接被激活时(例如,用户从鼠标悬停状态点击链接),链接可以变成绿色。需要注意的是,每个样式类使用的伪类必须以正确的顺序排列。
总而言之,A.on 是一个非常有用的伪类,可以帮助大家改变超链接的样式,使其更加动态和易于使用。