made accidental css nesting detectable (a { p { ...)

slowparse.js

@@ -751,9 +751,15 @@ var Slowparse = (function() {
       }
 
       var next = this.stream.next(),
-          errorMsg = "[_parseProperty] Expected }, <, ; or :, " +
+          errorMsg = "[_parseProperty] Expected }, {, <, ; or :, " +
                      "instead found " + next;
 
+      if (next === '{') {
+        throw new ParseError("MISSING_CSS_BLOCK_CLOSER", this, selectorStart,
+                             propertyStart, selector);
+      }
+
+
       if ((this.stream.end() && next !== ':') || next === '<' ||
           next === '}') {
         throw new ParseError("UNFINISHED_CSS_PROPERTY", this, propertyStart,
@@ -789,10 +795,6 @@ var Slowparse = (function() {
         throw new ParseError("MISSING_CSS_VALUE", this, propertyStart,
                              propertyEnd, property);
       }
-      else if (next === '{') {
-        throw new ParseError("MISSING_CSS_BLOCK_CLOSER", this, selectorStart,
-                             propertyStart, selector);
-      }
       else {
         throw new ParseError("UNCAUGHT_CSS_PARSE_ERROR", this,
                              token.interval.start, token.interval.end,

spec/index.html

@@ -71,6 +71,12 @@
   color: inherit;
 }
 
+.test {
+  margin-top: 3em;
+  border-left: 1px solid black;
+  padding-left: 0.5em;
+}
+
 .test.failed, .test.failed .html {
   background: firebrick;
 }
@@ -483,6 +489,21 @@ <h1 class="error-category">CSS Errors</h1>
   }
   </script>
 </div>
+<div class="test">
+  <script type="text/x-bad-html">
+    <style> a { li {
+  </script>
+  <script type="application/json">
+  {
+    "type": "MISSING_CSS_BLOCK_CLOSER",
+    "cssValue": {
+      "start": 8,
+      "end": 12,
+      "value": "a"
+    }
+  }
+  </script>
+</div>
 <div class="test">
   <script type="text/x-bad-html">
     <style> /* unterminated comment