CSS Schnellstart – Selektor: HTML-Element auswählen

Diesen Selektor hast du bereits in den letzten Lektionen kennengelernt. Das ist der Element-Selektor. Du kannst damit bestimmte HTML-Elemente anwählen, z.B. p, a oder body. Wir gehen durch ein paar Beispiele durch.

Wir selektieren das body-Element und ändern die Hintergrundfarbe (alles zu Farben lernst du nachher noch):

body {
  background-color: grey;
}

 

Wir selektieren alle a-Elemente und setzen die Farbe auf schwarz:

a {
  color: black;
}

 

Wir selektieren alle p-Elemente und setzen einen Rahmen um das p-Element (Rahmen gehen wir im nächsten Modul durch):

p {
  border-style : solid;
}

 

Du siehst: Mit dem Element-Selektor kannst du einfach ALLE Elemente eines bestimmten Typs in einem HTML-Dokument auswählen. In der Übung wirst du den Effekt auf ein HTML-Dokument sehen.