2.5.7 Pseudoelemente & Pseudoklassen
en pseudo-elements & pseudo-classes
fr pseudo-éléments & pseudo-classes

• 1 Allgemeines zu Pseudoelementen und Pseudoklassen
• 2 Grundlagen-Websites
• 3 Pseudoklassen für Verweise und andere Elemente
  :link, :visited, :focus, :hover, :active
• 4 Pseudoklasse und Pseudoelemente für Absätze
  :first-child, :first-line, :first-letter
• 5 Pseudoklasse für Sprachauszeichnung :lang
• 6 Pseudoelemente für automatisch generierten Inhalt
  :before, :after
• 7 Automatische Anführungszeichen
• 8 Automatische Nummerierung

Verweise: Pseudoklassen a:link a:visited a:hover a:active

Verweise: Externe Links mit einem Symbol ↗

-

⇧ 1 Allgemeines zu Pseudoelementen und Pseudoklassen

Prinzip:

• Mittels Pseudoklassen und Pseudoelementen können Sie Deklarationen für HTML-Bestandteile definieren, die sich nicht durch ein eindeutiges HTML-Element ausdrücken lassen.
• Beispiel: ein "noch nicht besuchter Verweis" oder der "erste Buchstabe eines Absatzes".

Beschreibung und Beispiel von SELFHTML:

• SELFHTML
  de Zentrale Formate definieren
  ....
  de Pseudoelemente und Pseudoklassen definieren
  de Beispiel

-

⇧ 2 Grundlagen-Websites

• SELFHTML:
  de Pseudoelemente und Pseudoklassen
  de Allgemeines zu Pseudoelementen und Pseudoklassen
  de :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise und andere Elemente)
  de :first-child, :first-line, :first-letter (Pseudoklasse und Pseudoelemente für Absätze)
  de :lang (Pseudoklasse für Sprachauszeichnung)
  de :before, :after (Pseudoelemente für automatisch generierten Inhalt)
  de Automatische Anführungszeichen
  de Automatische Nummerierung

• SELFHTML:
  de Zentrale Formate definieren
  ....
  de Pseudoelemente und Pseudoklassen definieren

-

⇧ 3 Pseudoklassen für Verweise und andere Elemente
:link, :visited, :focus, :hover, :active

• SELFHTML:
  de :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise und andere Elemente)
  de Beispiel: Bekannte Suchdienste

-

⇧ 4 Pseudoklasse und Pseudoelemente für Absätze
:first-child, :first-line, :first-letter

• SELFHTML:
  de :first-child, :first-line, :first-letter (Pseudoklasse und Pseudoelemente für Absätze)
  de Beispiel: Man kann nur Brücken schlagen

Verweise: Pseudoklassen a:link a:visited a:hover a:active

-

⇧ 5 Pseudoklasse für Sprachauszeichnung :lang

• SELFHTML:
  de :lang (Pseudoklasse für Sprachauszeichnung)
  de Beispiel

-

⇧ 6 Pseudoelemente für automatisch generierten Inhalt
:before, :after

• SELFHTML:
  de :before, :after (Pseudoelemente für automatisch generierten Inhalt)
  de Beispiel: Thema

-

⇧ 7 Automatische Anführungszeichen

• SELFHTML:
  de Automatische Anführungszeichen
  de Beispiel

-

⇧ 8 Automatische Nummerierung

• SELFHTML:
  de Automatische Nummerierung
  de Beispiel

↑