Основы макета DivCSS: как правильно определить псевдоклассы CSS?

Автор：Eve Cole Время обновления：2009-06-07 16:06:50

При верстке веб-страниц CSS неизбежно возникнет проблема псевдоклассов CSS. Как правильно определить псевдоклассы CSS? Несмотря на то, что на этом сайте есть много соответствующих статей, просмотреть их не помешает. Вы можете понять это, посмотрев на код ниже.

Пример исходного кода [www.downcodes.com]

a.w3cbbs{текст-декорация: нет;}
a.w3cbbs:link{color:#f90;}
a.w3cbbs:hover{цвет:#fff;цвет фона:#FF5900;}
a.w3cbbs:активный{цвет:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">Первый способ написания — сеть исходного кода</a>

Пример исходного кода [www.downcodes.com]

a .nav2 {цвет: #777;текстовое оформление: нет;}
a:link .nav2 {цвет: #777;}
a:hover .nav2 {цвет: #f60;}
a:active .nav2 {цвет: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">Второй способ написания — Сеть исходного кода</span>
</а>

Пример исходного кода [www.downcodes.com]

.www52css a {text-decoration: none;color: #ccc;
.www52css a:visited {color: #ccc;}
.www52css a:hover {цвет: #f60;}

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">Третий способ написания — сеть исходного кода</a>
</span>