CSS Selector Syntax verständlich erklärt

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>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.