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/