CSS-Kommentare

CSS-Kommentare

Kommentare werden verwendet, um den Code zu erklären und können bei der Bearbeitung des Quellcodes in der Zukunft hilfreich sein.

Der Browser ignoriert Kommentare.

sich im <style> CSS-Kommentare im Bereich eines Elements, indem sie /* beginnen, indem Sie */ Ende:

Beispiel

/* Dies ist ein Zeilenkommentar */
p {
  color: red;
}

Versuchen Sie es selbst

Sie können Kommentare an jedem Ort im Code hinzufügen:

Beispiel

p {
  color: red;  /* Setzt den Text auf rot */
}

Versuchen Sie es selbst

Kommentare können über mehrere Zeilen hinweg gehen:

Beispiel

/* Dies ist
eine mehrzeilige
Kommentare */ 
p {
  color: red;
}

Versuchen Sie es selbst

HTML und CSS-Kommentare

Von der HTML-Anleitung lernen Sie, dass Sie <!--...--> Syntax Fügen Sie Kommentare im HTML-Quellcode hinzu.

In den folgenden Beispielen verwenden wir sowohl HTML als auch CSS-Kommentare:

Beispiel

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Setzt die Textfarbe auf Rot */
} 
</style>
</head>
<body>
<h2>Mein Übergang</h2>
<!-- Diese Absätze werden rot sein -->
<p>Hello World!</p>
<p>Dieser Text wird durch CSS gestaltet.</p>
<p>CSS-Kommentare werden nicht in der Ausgabe angezeigt.</p>
</body>
</html>

Versuchen Sie es selbst