CSS kommentarer

CSS kommentarer

Kommentarer används för att förklara kod och kan vara till hjälp när du redigerar källkoden senare.

Webbläsaren ignorerar kommentarer.

beläget <style> CSS-kommentarer inom elementen, med /* Börja med */ Slut:

Exempel

/* Detta är en radbrytande kommentar */
p {
  color: red;
}

Prova själv

Du kan lägga till kommentarer på vilket ställe som helst i koden:

Exempel

p {
  color: red;  /* Sätt texten till röd */
}

Prova själv

kommentarer kan korsa flera rader:

Exempel

/* Detta är
en flerradig
kommentarer */ 
p {
  color: red;
}

Prova själv

HTML och CSS-kommentarer

Från HTML-lärboken, lär du dig att du kan använda <!--...--> Syntax för att lägga till kommentarer i HTML-källkoden.

I följande exempel använder vi både HTML och CSS kommentarer:

Exempel

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Sätt textfärgen till röd */
} 
</style>
</head>
<body>
<h2>Min rubrik</h2>
<!-- Dessa paragrafer kommer att vara röda -->
<p>Hello World!</p>
<p>Detta texten är formatterad med CSS.</p>
<p>CSS kommentarer visas inte i utdata.</p>
</body>
</html>

Prova själv