In how many ways and places we can place comment in CSS?

Question

• In how many ways and places we can place comment in CSS?
• Can placement of comment can creat any problem in css rendering and validation?
• How to show comment in Firebug?
• How to write good comment for big and small changes in CSS
• How to CSS readable, clear from comment for easier management

Answer 1

Well, you can use the /* and */ syntax for block comments.

Answer 2

The CSS specification spells this out definitively:

Comments begin with the characters /* and end with the characters */. They may occur anywhere between tokens, and their contents have no influence on the rendering. Comments may not be nested.

CSS also allows the SGML comment delimiters (<!-- and -->) in certain places defined by the grammar, but they do not delimit CSS comments. They are permitted so that style rules appearing in an HTML source document (in the STYLE element) may be hidden from pre-HTML 3.2 user agents. See the HTML 4 specification ([HTML4]) for more information.

For example:

.row {background-color:#FFF;}  /* normal */
.row:hover {background-color:#CCC; /* grayed background */}

/* the title class */
.title{
    /* make font bigger */
    font-size: 160%;
}

Answer 3

The only kinds of comments allowed in CSS are the /* ... */ block delimiters. They can be placed almost anywhere, as if you were using them in any other language (that uses those kinds of comments, of course).