CSS kommentarer

CSS kommentarer

Kommentarer bruges til at forklare kode og kan være nyttige, når du redigerer kildekoden senere.

browseren ignorerer kommentarerne.

ligesom <style> CSS-kommentarer inden for elementer, med /* begynder med */ afsluttes med

Eksempel

/* Dette er en enkelt-linje kommentar */
p {
  color: rød;
}

Prøv det selv

Du kan tilføje kommentarer på ethvert sted i koden:

Eksempel

p {
  color: rød;  /* Sæt teksten til rød */
}

Prøv det selv

kommentarer kan krydse flere linjer:

Eksempel

/* Dette er
en flerlinig
kommentarer */ 
p {
  color: rød;
}

Prøv det selv

HTML og CSS-kommentarer

Fra HTML-tutorials lærer du, at du kan bruge <!--...--> Syntaks tilføjer kommentarer i HTML kildekode.

I nedenstående eksempel bruger vi både HTML og CSS kommentarer:

Eksempel

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Sæt tekstfarven til rød */
} 
</style>
</head>
<body>
<h2>Min overskrift</h2>
<!-- Disse afsnit vil være røde -->
<p>Hello World!</p>
<p>Dette tekststykke er sat i stil med CSS.</p>
<p>CSS kommentarer vises ikke i output.</p>
</body>
</html>

Prøv det selv