CSS is getting apply despite of comments??

I have seen Commented CSS in my P开发者_JAVA技巧HP page enclosed within <!-- -->

like

<style type="text/css">
<!--
body { }
...

-->
</style>

when I was optimizing my code then I deleted those commented CSS code from my page,

but after deleting, layout of that page has been disturbed.

when I again paste those commented CSS , it was working fine??

please tell me the reason and how does it possible that CSS is applying despite of comments

---

Because you're using the wrong comments syntax, you should be using: /* ... */ to comment out CSS, the <!-- ... --> is html comment syntax; and once you're inside of the style element html is itself invalid and can, therefore, be handled by the browser as it sees fit.

Therefore you may want to try:

<style type="text/css">
/*
body { }
...

*/
</style>

It's worth noting that, like html, there is no single-line comment syntax, which in JavaScript for example would be anything following //.

Some further information: CSS - smarter code comments

---

HTML comments don't apply to CSS. You need to use CSS-style comments:

<style type="text/css">
<!--

/* This is a comment. The following rule will be applied. */
body { }

/* This rule has been commented out
h1 { }
*/
-->
</style>

---

Those (<!-- xx -->) are HTML comments, which does NOT affect CSS.

To comment out CSS, use /* xx */