Notas sobre el estilo de escritura de cambiar el estilo de color de una etiqueta en diferentes estados

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

Supongo que te gusta

Origin blog.csdn.net/weixin_45294459/article/details/126782827
Recomendado
Clasificación