CSS Nested Comment Multiline Code Comment Inside Other Comment

Question

Inside a CSS file I've got 2 ways to format a body element. How can I comment to select body style 1?

/* body style 1 */
body {
  background-color: #E6F6F6; /* color 1 */
}

/* I want to comment all from here to end */
/*
/* body style 2 */
body {
  background-color: #F6F6F6; /* color 2 */
} /* this right bracket is not commented out */
p {
    font-size: 10px;
}
*/

Answer 1

CSS comments run until the first instance of */. You cannot nest CSS comments.

You could do something like this, but it's messy:

/* body style 1 */
body {
  background-color: #E6F6F6; /* color 1 */
}

/* I want to comment all from here to end */
/*
/* body style 2 */
/*body {
  background-color: #F6F6F6; /* color 2 */
/* } /* this right bracket is not commented out */
p {
    font-size: 10px;
}
*/

Answer 2

remove the /*color 2*/ comment and additional comments and then it will work

/* body style 1 */
body {
  background-color: #E6F6F6; 
}

/* I want to comment all from here to end */

/* body style 2 */
/*
body {
  background-color: #F6F6F6; 
} 
p {
    font-size: 10px;
}
*/