Noções básicas de layout DivCSS: como definir corretamente pseudoclasses CSS?

Autor：Eve Cole Data da Última Atualização：2009-06-07 16:06:50

No layout de páginas CSS da web, a questão das pseudoclasses CSS estará inevitavelmente envolvida. Como definir corretamente pseudoclasses CSS? Embora existam muitas introduções relacionadas neste site, não custa nada revisá-las. Você pode entender isso olhando o código abaixo.

div css xhtml xml Exemplo de código-fonte

Exemplo de código-fonte [www.downcodes.com]

a.w3cbbs{decoração de texto:none;}
a.w3cbbs:link{cor:#f90;}
a.w3cbbs:hover{cor:#fff;cor de fundo:#FF5900;}
a.w3cbbs:active{cor:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">A primeira forma de escrever - Source Code Network</a>

Exemplo de código-fonte [www.downcodes.com]

a .nav2 {cor: #777;decoração de texto: nenhum;}
a:link .nav2 {cor: #777;}
a:hover .nav2 {cor: #f60;}
a:ativo .nav2 {cor: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">A segunda forma de escrever - Rede de Código Fonte</span>
</a>

Exemplo de código-fonte [www.downcodes.com]

.www52css a {decoração de texto: nenhum;cor: #ccc }
.www52css a:visitou {cor: #ccc;}
.www52css a:hover {cor: #f60;}

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">A terceira maneira de escrever - Rede de código-fonte</a>
</span>