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