Los cambios de estilo de una etiqueta más utilizados son en realidad los cambios de estilo de las cuatro pseudoclases.
Ejemplos de cuatro pseudoclases y sus funciones:
:link a标签还未被访问的状态
:visited a标签已被访问过的状态
:hover 鼠标悬停在a标签上的状态
:active a标签被鼠标按下时的触发状态(鼠标松开后,样式就会消失)
Ejemplo de código:
<style type="text/css">
a:link {color:#000}//未访问时的状态
a:visited {color:red}//已访问的链接
a:hover {color:blue}//鼠标悬停在a链接
a:active {color:black}//鼠标按住a标签时
</style>
La secuencia se puede recordar como: lvha
Razones para el orden de las cuatro pseudo-categorías:
Agregue estilos con la misma prioridad al mismo elemento, y los escritos más tarde sobrescribirán los anteriores. La pseudo-clase de la etiqueta a es solo una combinación de diferentes secuencias de acción. El orden de inicio de la acción determina el orden de las pseudo-clases lvha
Los dos primeros estados (enlace, visitado) son estados normales, mientras que los dos últimos estados son estados instantáneos. Cuando se inicia el estado instantáneo, sobrescribirá el estado normal, por lo que los dos estados instantáneos se colocan detrás