DivCSS 레이아웃 기본: CSS 의사 클래스를 올바르게 정의하는 방법은 무엇입니까?

저자：Eve Cole 업데이트 시간：2009-06-07 16:06:50

CSS 웹 페이지 레이아웃에서는 CSS 의사 클래스 문제가 필연적으로 관련됩니다. CSS 의사 클래스를 올바르게 정의하는 방법은 무엇입니까? 이 사이트에는 관련 소개가 많이 있지만 검토해 보는 것도 나쁘지 않습니다. 아래 코드를 보면 이해하실 수 있습니다.

예제 소스 코드 [www.downcodes.com]

a.w3cbbs{텍스트 장식:없음;}
a.w3cbbs:링크{색상:#f90;}
a.w3cbbs:hover{color:#fff;배경색:#FF5900;}
a.w3cbbs:활성{색상:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">첫 번째 작성 방법 - 소스 코드 네트워크</a>

예제 소스 코드 [www.downcodes.com]

.nav2 {색상: #777;텍스트 장식: 없음;}
a:link .nav2 {색상: #777;}
a:hover .nav2 {색상: #f60;}
a:활성 .nav2 {색상: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">두 번째 작성 방법 - 소스 코드 네트워크</span>
</a>

예제 소스 코드 [www.downcodes.com]

.www52css a {텍스트 장식: 없음;색상: #ccc }
.www52css a:방문 {색상: #ccc;}
.www52css a:hover {색상: #f60;}

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">세 번째 작성 방법 - 소스 코드 네트워크</a>
</span>