2.3.6 Pseudoelemente und Pseudoklassen

• 1 Allgemeines zu Pseudoelementen und Pseudoklassen
• 2 :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise)
• 3 :first-child, :first-line, :first-letter (Pseudoklasse und Pseudoelemente für Absätze)
• 4 :before, :after (Pseudoelemente für automatisch generierten Inhalt)

Text-Elemente: Pseudoelemente & Pseudoklassen

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

-

⇧ 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".

• SELFHTML
  de Übersicht und Allgemeines zu Pseudoelemente und Pseudoklassen
  de Pseudoelemente und Pseudoklassen definieren

-

⇧ 2 :link, :visited, :focus, :hover, :active
(Pseudoklassen für Verweise)

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

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

-

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

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

HTML: Text-Elemente

-

⇧ 4 :before, :after
(Pseudoelemente für automatisch generierten Inhalt)

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

↑