How to comment CSS code with comments inside ?

[tonnot]

/*
 QComboBox::drop-down {
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width:18px;
 
     border-left-width: 1px;
     border-left-color: red;
     border-left-style: solid;              /* just a single line */
     border-top-right-radius: 3px;     /* same radius as the QComboBox */
     border-bottom-right-radius: 3px;
 }
*/

/*
 QComboBox::drop-down {
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width:18px;

     border-left-width: 1px;
     border-left-color: red;
     border-left-style: solid;              /* just a single line */
     border-top-right-radius: 3px;     /* same radius as the QComboBox */
     border-bottom-right-radius: 3px;
 }
*/

To copy to clipboard, switch view to plain text mode 

At style editor on Designer this is an invalid style..
Also , as you can see, the post is seen with black and red colors because the "border-left-style: solid; /* just a single line */" line re-open valid data ... ??

Thanks

[wysota]

This is invalid style, that's correct. Multiline comments can't be nested. If you need a nested comment, use a single line version inside a multiline one.

[SixDegrees]

Also, note that CSS does not support a separate single-line comment. It also expressly forbids nested comments. So you cannot do what you're attempting in CSS. You will have to remove the inner comments if you want the section to remain valid.

[wysota]

CSS might not support it however some browsers do

[SixDegrees]

True, but the spec is quite clear that single-line comments aren't supported, so it's best not to use them in the first place. Cross-browser debugging of this sort of thing is not fun, and browsers are becoming more and more standards-compliant as time goes on - even IE.