Allow font-face rules inside of media rules. Fixes #102

Author: NV

lib/parse.js

@@ -240,7 +240,6 @@ CSSOM.parse = function parse(token) {
 				state = "before-selector";
 			} else if (state === "fontFaceRule-begin") {
 				if (parentRule) {
-					ancestorRules.push(parentRule);
 					fontFaceRule.parentRule = parentRule;
 				}
 				fontFaceRule.parentStyleSheet = styleSheet;

spec/parse.spec.js

@@ -703,8 +703,7 @@ var TESTS = [
 									"font-family": "'Arial2'",
 									length: 1
 								}
-							},
-							".."
+							}
 						],
 						parentRule: null
 					}
@@ -718,6 +717,54 @@ var TESTS = [
 			return result;
 		})()
 	},
+	{
+		input: "@media (min-width: 768px){@media (min-resolution: 0.001dpcm) {a{color: green}}}",
+		result: (function() {
+			var result = {
+				cssRules: [
+					{
+						parentRule: null,
+						media: {
+							0: "(min-width: 768px)",
+							length: 1
+						},
+						cssRules: [
+							{
+								media: {
+									0: "(min-resolution: 0.001dpcm)",
+									length: 1
+								},
+								cssRules: [
+									{
+										selectorText: "a",
+										style: {
+											0: "color",
+											length: 1,
+											parentRule: "..",
+											_importants: {
+												color: ""
+											},
+											color: "green"
+										}
+									}
+								],
+								parentRule: null // This is currently incorrect.
+							}
+						]
+					}
+				],
+				parentStyleSheet: null
+			};
+
+			result.cssRules[0].parentStyleSheet = result.cssRules[0].cssRules[0].parentStyleSheet = result.cssRules[0].cssRules[0].cssRules[0].parentStyleSheet = result;
+			result.cssRules[0].cssRules[0].cssRules[0].parentRule = result.cssRules[0].cssRules[0];
+
+			// This is currently incorrect.
+			// result.cssRules[0].cssRules[0].parentRule = result.cssRules[0];
+
+			return result;
+		})()
+	},
 	{
 		input: "@supports (display: grid) { html { display: grid; } }",
 		result: (function() {