/* 链接伪类 */ a:link { color: blue; } a:visited { color: purple; } /* 鼠标伪类 */ a:hover { color: red; } a:active { color: green; } /* 焦点伪类 */ input:focus { border-color: blue; } /* 状态伪类 */ input:enabled { background-color: white; } input:disabled { background-color: gray; } input:checked { background-color: yellow; }
以上伪类都是常用的且非常实用的,可以让你的网页更加生动有趣。可以根据需要选择合适的伪类使用。