Notas sobre o estilo de escrita da alteração do estilo de cor de uma etiqueta em diferentes estados

As mudanças de estilo mais usadas em uma tag são, na verdade, as mudanças de estilo das quatro pseudo-classes

Exemplos de quatro pseudoclasses e suas funções:

:link     a标签还未被访问的状态
:visited  a标签已被访问过的状态
:hover    鼠标悬停在a标签上的状态
:active   a标签被鼠标按下时的触发状态(鼠标松开后,样式就会消失)

Exemplo 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>

A sequência pode ser lembrada como: lvha

Razões para a ordem das quatro pseudocategorias:

Adicione estilos com a mesma prioridade ao mesmo elemento e os escritos posteriormente substituirão os anteriores. A pseudoclasse da tag a é apenas uma combinação de diferentes sequências de ação. A ordem inicial da ação determina a ordem da pseudo-classes lvha

Os dois primeiros estados (link, visitado) são estados normais, enquanto os dois últimos estados são estados instantâneos. Quando o estado instantâneo começa, ele sobrescreve o estado normal, então os dois estados instantâneos são colocados atrás

Acho que você gosta

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