Die Html Elemente direkt ansprechen

div {background: lightblue;}

Zuerst kommt das Element, dann die Klammern. In den Klammern steht links die Eigenschaft, rechts der Wert dieser Eigenschaft.

Die Elemente über ihre Namen ansprechen

#einmalig{mein : css}

Ein Htmlelement über eine einmalige ID ansprechen, darf nur einmal in Htmldokument vorkommen:

Richtig:

<div id=”eindiv”>mein Inhalt</div>

Falsch:

<div id=”eindiv”>mein Inhalt1</div>
<div id=”eindiv”>mein Inhalt2</div>

Ein Htmlelement über eine Klasse, darft mehrmals im Htmldokument wiederholt werden, ist wie eine Stofftüte: “wiederverwendbar”.

//Der Style zur Klasse:
<style>
  .dekoriert{
      /*Hier stehen die Styles*/
  }
</style>
<ul>
  <li class="dekoriert">
    Klasse "dekoriert" mehrmals verwendet...
  </li>
  <li class="dekoriert">
    Klasse "dekoriert" mehrmals verwendet
  </li>
</ul>

Referenzen:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
https://www.w3.org/TR/selectors-3/