Grundlagen des DivCSS-Layouts: Wie definiere ich CSS-Pseudoklassen richtig?

Autor：Eve Cole Aktualisierungszeit：2009-06-07 16:06:50

Beim CSS-Webseitenlayout wird das Problem der CSS-Pseudoklassen zwangsläufig eine Rolle spielen. Wie definiere ich CSS-Pseudoklassen richtig? Obwohl es auf dieser Website viele verwandte Einführungen gibt, kann es nicht schaden, sie sich anzusehen. Sie können es verstehen, indem Sie sich den folgenden Code ansehen.

Beispiel-Quellcode [www.downcodes.com]

a.w3cbbs{text-decoration:none;}
a.w3cbbs:link{color:#f90;}
a.w3cbbs:hover{color:#fff;background-color:#FF5900;}
a.w3cbbs:active{color:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">Die erste Art zu schreiben – Source Code Network</a>

Beispiel-Quellcode [www.downcodes.com]

a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">Die zweite Schreibweise – Source Code Network</span>
</a>

Beispiel-Quellcode [www.downcodes.com]

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

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">Die dritte Art zu schreiben – Source Code Network</a>
</span>