Recent changes to 84: Comments handling in CSSParser Vs Browser behavior differshttps://sourceforge.net/p/cssparser/bugs/84/2017-12-03T19:10:39ZRecent changes to 84: Comments handling in CSSParser Vs Browser behavior differs#84 Comments handling in CSSParser Vs Browser behavior differs2017-12-03T19:10:39Z2017-12-03T19:10:39ZRBRihttps://sourceforge.net/u/rbri/https://sourceforge.net45b4173ec5f74c3bae7e3eacb8960db32077a150<div class="markdown_content"><p>Will have a look and try to fix it.</p></div>Comments handling in CSSParser Vs Browser behavior differs2017-11-27T06:44:28.652000Z2017-11-27T06:44:28.652000ZAsiyahttps://sourceforge.net/u/fabian12/https://sourceforge.netd30e50532b3508c789dd2b8a691246090707737c<div class="markdown_content"><p><strong>Comments handling in CSSParser Vs Browser behavior<br/>
</strong><br/>
CSS uses the"block comment" syntax (ie., start a comment with /, and end it with /) and don't support "line comment" //</p>
<p>Whenever we use // in CSS, the next CSS construct - either declaration or block - will be "commented out" in browser .</p>
<p><strong>CASE 1 :<br/>
</strong><br/>
<!DOCTYPE html><br/>
<html><br/>
<head><br/>
<style><br/>
//comment here<br/>
.foo {<br/>
width: auto;<br/>
height: 500px;<br/>
background: yellow;<br/>
color:red;<br/>
}<br/>
</style><br/>
</head><br/>
<body></p>
<p>Hello World!</p>
<p></body><br/>
</html></p>
<p>Browser behavior - Style with class "foo" will be commented out<br/>
CSS parser behavior - Style with class "foo" will be striped out</p>
<p><strong>CASE 2 :<br/>
</strong><br/>
<!DOCTYPE html><br/>
<html><br/>
<head><br/>
<style><br/>
.foo {<br/>
width: auto;<br/>
//comments here<br/>
height: 500px;<br/>
background: yellow;<br/>
color:red;<br/>
}<br/>
</style><br/>
</head><br/>
<body></p>
<p>Hello World!</p>
<p></body><br/>
</html></p>
<p>Browser behavior - In the above Style declarations "height: 500px; background: yellow;color:red;" will be commented out<br/>
CSS parser behavior - In the above Style declarations "height: 500px; background: yellow;color:red;" will be striped out</p>
<p><strong>CASE 3 :<br/>
</strong><br/>
<!DOCTYPE html><br/>
<html><br/>
<head><br/>
<style><br/>
.foo {<br/>
width: auto;<br/>
//height: 500px;<br/>
background: yellow;<br/>
color:red;<br/>
}<br/>
</style><br/>
</head><br/>
<body></p>
<p>Hello World!</p>
<p></body><br/>
</html></p>
<p>Browser behavior - In this case, //height: will be consider as invalid css property, hence "background: yellow; color:red;" will be applied in browser</p>
<p>CSS parser behavior - In the above Style declarations "height: 500px; background: yellow;color:red;" will be striped out</p>
<p>In CASE3, The browser and parser behavior differs. Is there any way to handle it ?</p></div>