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>