ie5 hack creating confusion

[stoyan]

@media tty { 
  i{content:"\";/*" "*/}} a { color: black; } /*";}
}

a {color: white}

The hack itself is handled ok - two strings in the content property

The problem is that the next ruleset is considered part of the media block, while it should be outside of it

Test code:

var mensch = require('mensch');
var css = require('fs').readFileSync('./examples/css.css').toString();
var parsed = mensch.parse(css);
var res = mensch.stringify(parsed, {indentation: '  '})

console.log(res)

Result:

@media tty {
  i {
    content: "\";/*" "*/}} a { color: black; } /*";
  }

  a {
    color: white;
  }
}

[stoyan]

Source: http://www.csszengarden.com/057/

[bago]

mensch currently parses "}" and "{" inside strings while they should be ignored (it currently only ignores them inside a comment).