Webdesign - Webseiten planen, gestalten - Free-Hack Library

72
Tab. 4.4.2g: Beispiele für Pseudoklassen
E:first-child {} /* Spricht das erste Kindelement an */
E:focus {} /* Das Element, das gerade den Fokus hat,
wird angesprochen */
E:lang {} /* Spricht die Elemente an, für die eine
bestimmte Sprache eingestellt ist. */
CSS
4.4.3 @-Regeln
@-Regeln (auch At-Regeln oder At-Rules) erweitern die CSS-
Syntax um Deklarationen, die über die einfachen Selektor/Stil-
Paarbildungen hinausgehen. Bei @-Regeln handelt es sich um
Anweisungen für den CSS-Parser. Diese Regeln beginnen mit einem
@ unmittelbar gefolgt von dem entsprechenden Schlüsselwort.
Einfache Anweisungen (z. B. @charset oder @import) enden
mit einem Semikolon, komplexere Anweisungen (z. B. @media,
@page, @font-face) erhalten einen eigenen Deklarationsblock aus
geschweiften Klammern.
CSS HTML Ergebnis
a:link {
background-color:#ffff00;
}
a:visited {
background-color:#ff3300;
}
a:hover {
background-color:#ff9900;
}
a:active {
background-color:#ff0000;
}
li:first-child {
color: #0099cc;
}
input:focus {
background-color:#33ff33;
}
:lang(en) { /* Nur HTML und XHTML
1.0 */
background-color:#00ff66;
}
Dies ist ein Link, der
alle Zustände demonstriert.
eins
zwei
drei
Ein Klick in das demonstriert
:focus.
Anglizismen lassen die deutsche Sprache
cool und trendy erscheinen.