CSS注释用于为代码添加额外的解释,提供了对样式表中某些规则的说明,并且对文档布局没有影响,方便其他开发人员理解代码的意图或作用,或者用于阻止浏览器解析特定区域内的CSS代码。
一、CSS注释
位于<style>元素内的 CSS 注释,以 /* 开始,以 */ 结束:
例如:
/* 这是一条单行注释 */ p { color: red; }
或者在代码中的任何位置添加注释:
例如:
p { color: red; /* 这是一条单行注释 */ }
横跨多行注释:
例如:
/* 多行的 注释 */ p { color: red; }
二、HTML和CSS注释
在下面的例子中,我们结合使用 HTML 和 CSS 注释:
<!DOCTYPE html> <html> <head> <style> p { color: red; /* HTML和CSS注释 */ } </style> </head> <body> <h2>My Heading</h2> <!-- HTML和CSS注释 --> <p>Hello World!</p> <p>这段文本由 CSS 设置样式。</p> <p>CSS 注释不会在输出中显示。</p> </body> </html>