05. Comentarios en CSS

Los comentarios CSS no se muestran en el navegador, pero pueden ayudar a documentar su código fuente. Los comentarios se utilizan para explicar el código y pueden ayudar cuando edite el código fuente en una fecha posterior. Los navegadores ignoran los comentarios. Un comentario CSS se coloca dentro del elemento <style> y comienza con /* y termina con */.

Ejm

/* This is a single-line comment */
p {
  color: red;
}

Puedes agregar comentarios donde quieras en el código. Los comentarios pueden estar en múltiples filas

Ejm

/* This is
a multi-line
comment */

p {
  color: red;
}

Comentarios CSS y HTML

Veamos un ejm donde se mezclan ambos comentarios.

Ejm

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Set text color to red */
}
</style>
</head>
<body>

<h2>My Heading</h2>

<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>

</body>
</html>
Scroll al inicio