@acemir/cssom 0.9.12 → 0.9.14

package/build/CSSOM.js

@@ -354,7 +354,7 @@ Object.defineProperty(CSSOM.CSSStyleRule.prototype, "cssText", {
 				valuesArr.push(this.cssRules.map(function(rule){ return rule.cssText }).join("\n  "));
 				values = valuesArr.join("\n  ") + "\n}"
 			} else {
-				values = " {" + this.style.cssText + "}";
+				values = " { " + this.style.cssText + " }";
 			}
 			text = this.selectorText + values;
 		} else {
@@ -602,7 +602,7 @@ Object.defineProperties(CSSOM.CSSMediaRule.prototype, {
       for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@media " + this.media.mediaText + " {" + cssTexts.join("") + "}";
+      return "@media " + this.media.mediaText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true
@@ -641,7 +641,7 @@ Object.defineProperties(CSSOM.CSSContainerRule.prototype, {
       for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@container " + this.containerText + " {" + cssTexts.join("") + "}";
+      return "@container " + this.containerText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true
@@ -670,7 +670,7 @@ Object.defineProperty(CSSOM.CSSSupportsRule.prototype, "cssText", {
       cssTexts.push(this.cssRules[i].cssText);
     }
 
-    return "@supports " + this.conditionText + " {" + cssTexts.join("") + "}";
+    return "@supports " + this.conditionText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
   }
 });
 
@@ -864,7 +864,7 @@ CSSOM.CSSNamespaceRule.prototype.type = 10;
 
 Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "cssText", {
   get: function() {
-    return "@namespace" + (this.prefix && " " + this.prefix) + " url(" + this.namespaceURI + ");";
+    return "@namespace" + (this.prefix && " " + this.prefix) + " url(\"" + this.namespaceURI + "\");";
   },
   set: function(cssText) {
     // Reset prefix and namespaceURI
@@ -934,7 +934,7 @@ CSSOM.CSSFontFaceRule.prototype.type = 5;
 // http://www.opensource.apple.com/source/WebCore/WebCore-955.66.1/css/WebKitCSSFontFaceRule.cpp
 Object.defineProperty(CSSOM.CSSFontFaceRule.prototype, "cssText", {
   get: function() {
-    return "@font-face {" + this.style.cssText + "}";
+    return "@font-face { " + this.style.cssText + " }";
   }
 });
 
@@ -962,7 +962,7 @@ Object.defineProperty(CSSOM.CSSHostRule.prototype, "cssText", {
 		for (var i=0, length=this.cssRules.length; i < length; i++) {
 			cssTexts.push(this.cssRules[i].cssText);
 		}
-		return "@host {" + cssTexts.join("") + "}";
+		return "@host {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
 	}
 });
 
@@ -990,7 +990,7 @@ Object.defineProperty(CSSOM.CSSStartingStyleRule.prototype, "cssText", {
 		for (var i=0, length=this.cssRules.length; i < length; i++) {
 			cssTexts.push(this.cssRules[i].cssText);
 		}
-		return "@starting-style {" + cssTexts.join("") + "}";
+		return "@starting-style {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
 	}
 });
 
@@ -1049,9 +1049,9 @@ CSSOM.CSSStyleSheet.prototype.insertRule = function(rule, index) {
 	var ruleToParse = String(rule);
 	var parsedSheet = CSSOM.parse(ruleToParse);
 	if (parsedSheet.cssRules.length !== 1) {
-		var domExceptionName = "SyntaxError";
+		var domExceptionName = DOMException.SYNTAX_ERR;
 		if (ruleToParse.trimStart().startsWith('@namespace')) {
-			domExceptionName = "InvalidStateError";
+			domExceptionName = DOMException.INVALID_STATE_ERR;
 		}
 		throw new DOMException("Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '" + ruleToParse + "'.", domExceptionName);
 	}
@@ -1084,14 +1084,14 @@ CSSOM.CSSStyleSheet.prototype.deleteRule = function(index) {
 		index = 4294967296 + index;
 	}
 	if (index >= this.cssRules.length) {
-		throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': The index provided (" + index + ") is larger than the maximum index (" + this.cssRules.length + ").", "IndexSizeError");
+		throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': The index provided (" + index + ") is larger than the maximum index (" + this.cssRules.length + ").", DOMException.INDEX_SIZE_ERR);
 	}
 	if (this.cssRules[index] && this.cssRules[index].constructor.name == "CSSNamespaceRule") {
 		var shouldContinue = this.cssRules.every(function (rule) {
 			return ['CSSImportRule','CSSLayerStatementRule','CSSNamespaceRule'].indexOf(rule.constructor.name) !== -1
 		});
 		if (!shouldContinue) {
-			throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': Deleting a CSSNamespaceRule is not allowed when there is rules other than @import, @layer statement, or @namespace.", "InvalidStateError");
+			throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': Deleting a CSSNamespaceRule is not allowed when there is rules other than @import, @layer statement, or @namespace.", DOMException.INVALID_STATE_ERR);
 		}
 	}
 	this.cssRules.splice(index, 1);
@@ -1135,9 +1135,9 @@ Object.defineProperty(CSSOM.CSSKeyframesRule.prototype, "cssText", {
   get: function() {
     var cssTexts = [];
     for (var i=0, length=this.cssRules.length; i < length; i++) {
-      cssTexts.push("  " + this.cssRules[i].cssText);
+      cssTexts.push(this.cssRules[i].cssText);
     }
-    return "@" + (this._vendorPrefix || '') + "keyframes " + this.name + " { \n" + cssTexts.join("\n") + "\n}";
+    return "@" + (this._vendorPrefix || '') + "keyframes " + this.name + (this.name && " ") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
   }
 });
 
@@ -1164,7 +1164,7 @@ CSSOM.CSSKeyframeRule.prototype.type = 8;
 // http://www.opensource.apple.com/source/WebCore/WebCore-955.66.1/css/WebKitCSSKeyframeRule.cpp
 Object.defineProperty(CSSOM.CSSKeyframeRule.prototype, "cssText", {
   get: function() {
-    return this.keyText + " {" + this.style.cssText + "} ";
+    return this.keyText + " { " + this.style.cssText + " } ";
   }
 });
 
@@ -1248,7 +1248,7 @@ Object.defineProperty(CSSOM.CSSDocumentRule.prototype, "cssText", {
     for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
     }
-    return "@-moz-document " + this.matcher.matcherText + " {" + cssTexts.join("") + "}";
+    return "@-moz-document " + this.matcher.matcherText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
   }
 });
 
@@ -1646,7 +1646,7 @@ Object.defineProperties(CSSOM.CSSLayerBlockRule.prototype, {
       for (var i = 0, length = this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@layer " + this.name + (this.name && " ") + "{" + cssTexts.join("") + "}";
+      return "@layer " + this.name + (this.name && " ") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true,
@@ -1987,7 +1987,8 @@ CSSOM.parse = function parse(token, errorHandler) {
 		// Fallback to a loose regexp for the overall selector structure (without deep paren matching)
 		// This is similar to the original, but without nested paren limitations
 		// Modified to support namespace selectors: *|element, prefix|element, |element
-		var looseSelectorRegExp = /^((?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|(?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?\*|#[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\.[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\[[^\[\]]*(?:\s+[iI])?\]|::?[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+(?:\((.*)\))?|&|\s*[>+~]\s*|\s+)+$/;
+		// Fixed attribute selector regex to properly handle |=, ~=, ^=, $=, *= operators
+		var looseSelectorRegExp = /^((?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|(?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?\*|#[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\.[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\[(?:[^\[\]'"]|'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*")*(?:\s+[iI])?\]|::?[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+(?:\((.*)\))?|&|\s*[>+~]\s*|\s+)+$/;
 		return looseSelectorRegExp.test(selector);
 	}
 
@@ -2138,7 +2139,42 @@ CSSOM.parse = function parse(token, errorHandler) {
 	 */
 	function validateNamespaceSelector(selector) {
 		// Check if selector contains a namespace prefix
-		var pipeIndex = selector.indexOf('|');
+		// We need to ignore pipes inside attribute selectors
+		var pipeIndex = -1;
+		var inAttr = false;
+		var inSingleQuote = false;
+		var inDoubleQuote = false;
+		
+		for (var i = 0; i < selector.length; i++) {
+			var char = selector[i];
+			
+			if (inSingleQuote) {
+				if (char === "'" && selector[i - 1] !== "\\") {
+					inSingleQuote = false;
+				}
+			} else if (inDoubleQuote) {
+				if (char === '"' && selector[i - 1] !== "\\") {
+					inDoubleQuote = false;
+				}
+			} else if (inAttr) {
+				if (char === "]") {
+					inAttr = false;
+				} else if (char === "'") {
+					inSingleQuote = true;
+				} else if (char === '"') {
+					inDoubleQuote = true;
+				}
+			} else {
+				if (char === "[") {
+					inAttr = true;
+				} else if (char === "|" && !inAttr) {
+					// This is a namespace separator, not an attribute operator
+					pipeIndex = i;
+					break;
+				}
+			}
+		}
+		
 		if (pipeIndex === -1) {
 			return true; // No namespace, always valid
 		}
@@ -2575,9 +2611,13 @@ CSSOM.parse = function parse(token, errorHandler) {
 					return match;
 				});
 				// In a nested selector, ensure each selector contains '&' at the beginning, except for selectors that already have '&' somewhere
-				styleRule.selectorText = parseAndSplitNestedSelectors(processedSelectorText).map(function(sel) {
-						return sel.indexOf('&') === -1 ? '& ' + sel : sel;
-					}).join(', ');
+				if (parentRule.constructor.name !== "CSSStyleRule" && parentRule.parentRule === null) {
+					styleRule.selectorText = processedSelectorText;
+				} else {
+					styleRule.selectorText = parseAndSplitNestedSelectors(processedSelectorText).map(function(sel) {
+							return sel.indexOf('&') === -1 ? '& ' + sel : sel;
+						}).join(', ');
+				}
 				styleRule.style.__starts = i - buffer.length;
 				styleRule.parentRule = parentRule;
 				nestedSelectorRule = styleRule;

package/lib/CSSContainerRule.js

@@ -37,7 +37,7 @@ Object.defineProperties(CSSOM.CSSContainerRule.prototype, {
       for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@container " + this.containerText + " {" + cssTexts.join("") + "}";
+      return "@container " + this.containerText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true

package/lib/CSSDocumentRule.js

@@ -29,7 +29,7 @@ Object.defineProperty(CSSOM.CSSDocumentRule.prototype, "cssText", {
     for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
     }
-    return "@-moz-document " + this.matcher.matcherText + " {" + cssTexts.join("") + "}";
+    return "@-moz-document " + this.matcher.matcherText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
   }
 });
 

package/lib/CSSFontFaceRule.js

@@ -26,7 +26,7 @@ CSSOM.CSSFontFaceRule.prototype.type = 5;
 // http://www.opensource.apple.com/source/WebCore/WebCore-955.66.1/css/WebKitCSSFontFaceRule.cpp
 Object.defineProperty(CSSOM.CSSFontFaceRule.prototype, "cssText", {
   get: function() {
-    return "@font-face {" + this.style.cssText + "}";
+    return "@font-face { " + this.style.cssText + " }";
   }
 });
 

package/lib/CSSHostRule.js

@@ -27,7 +27,7 @@ Object.defineProperty(CSSOM.CSSHostRule.prototype, "cssText", {
 		for (var i=0, length=this.cssRules.length; i < length; i++) {
 			cssTexts.push(this.cssRules[i].cssText);
 		}
-		return "@host {" + cssTexts.join("") + "}";
+		return "@host {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
 	}
 });
 

package/lib/CSSKeyframeRule.js

@@ -27,7 +27,7 @@ CSSOM.CSSKeyframeRule.prototype.type = 8;
 // http://www.opensource.apple.com/source/WebCore/WebCore-955.66.1/css/WebKitCSSKeyframeRule.cpp
 Object.defineProperty(CSSOM.CSSKeyframeRule.prototype, "cssText", {
   get: function() {
-    return this.keyText + " {" + this.style.cssText + "} ";
+    return this.keyText + " { " + this.style.cssText + " } ";
   }
 });
 

package/lib/CSSKeyframesRule.js

@@ -27,9 +27,9 @@ Object.defineProperty(CSSOM.CSSKeyframesRule.prototype, "cssText", {
   get: function() {
     var cssTexts = [];
     for (var i=0, length=this.cssRules.length; i < length; i++) {
-      cssTexts.push("  " + this.cssRules[i].cssText);
+      cssTexts.push(this.cssRules[i].cssText);
     }
-    return "@" + (this._vendorPrefix || '') + "keyframes " + this.name + " { \n" + cssTexts.join("\n") + "\n}";
+    return "@" + (this._vendorPrefix || '') + "keyframes " + this.name + (this.name && " ") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
   }
 });
 

package/lib/CSSLayerBlockRule.js

@@ -26,7 +26,7 @@ Object.defineProperties(CSSOM.CSSLayerBlockRule.prototype, {
       for (var i = 0, length = this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@layer " + this.name + (this.name && " ") + "{" + cssTexts.join("") + "}";
+      return "@layer " + this.name + (this.name && " ") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true,

package/lib/CSSMediaRule.js

@@ -40,7 +40,7 @@ Object.defineProperties(CSSOM.CSSMediaRule.prototype, {
       for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@media " + this.media.mediaText + " {" + cssTexts.join("") + "}";
+      return "@media " + this.media.mediaText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true

package/lib/CSSNamespaceRule.js

@@ -23,7 +23,7 @@ CSSOM.CSSNamespaceRule.prototype.type = 10;
 
 Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "cssText", {
   get: function() {
-    return "@namespace" + (this.prefix && " " + this.prefix) + " url(" + this.namespaceURI + ");";
+    return "@namespace" + (this.prefix && " " + this.prefix) + " url(\"" + this.namespaceURI + "\");";
   },
   set: function(cssText) {
     // Reset prefix and namespaceURI

package/lib/CSSStartingStyleRule.js

@@ -27,7 +27,7 @@ Object.defineProperty(CSSOM.CSSStartingStyleRule.prototype, "cssText", {
 		for (var i=0, length=this.cssRules.length; i < length; i++) {
 			cssTexts.push(this.cssRules[i].cssText);
 		}
-		return "@starting-style {" + cssTexts.join("") + "}";
+		return "@starting-style {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
 	}
 });
 

package/lib/CSSStyleRule.js

@@ -34,7 +34,7 @@ Object.defineProperty(CSSOM.CSSStyleRule.prototype, "cssText", {
 				valuesArr.push(this.cssRules.map(function(rule){ return rule.cssText }).join("\n  "));
 				values = valuesArr.join("\n  ") + "\n}"
 			} else {
-				values = " {" + this.style.cssText + "}";
+				values = " { " + this.style.cssText + " }";
 			}
 			text = this.selectorText + values;
 		} else {

package/lib/CSSStyleSheet.js

@@ -49,9 +49,9 @@ CSSOM.CSSStyleSheet.prototype.insertRule = function(rule, index) {
 	var ruleToParse = String(rule);
 	var parsedSheet = CSSOM.parse(ruleToParse);
 	if (parsedSheet.cssRules.length !== 1) {
-		var domExceptionName = "SyntaxError";
+		var domExceptionName = DOMException.SYNTAX_ERR;
 		if (ruleToParse.trimStart().startsWith('@namespace')) {
-			domExceptionName = "InvalidStateError";
+			domExceptionName = DOMException.INVALID_STATE_ERR;
 		}
 		throw new DOMException("Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '" + ruleToParse + "'.", domExceptionName);
 	}
@@ -84,14 +84,14 @@ CSSOM.CSSStyleSheet.prototype.deleteRule = function(index) {
 		index = 4294967296 + index;
 	}
 	if (index >= this.cssRules.length) {
-		throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': The index provided (" + index + ") is larger than the maximum index (" + this.cssRules.length + ").", "IndexSizeError");
+		throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': The index provided (" + index + ") is larger than the maximum index (" + this.cssRules.length + ").", DOMException.INDEX_SIZE_ERR);
 	}
 	if (this.cssRules[index] && this.cssRules[index].constructor.name == "CSSNamespaceRule") {
 		var shouldContinue = this.cssRules.every(function (rule) {
 			return ['CSSImportRule','CSSLayerStatementRule','CSSNamespaceRule'].indexOf(rule.constructor.name) !== -1
 		});
 		if (!shouldContinue) {
-			throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': Deleting a CSSNamespaceRule is not allowed when there is rules other than @import, @layer statement, or @namespace.", "InvalidStateError");
+			throw new DOMException("Failed to execute 'deleteRule' on 'CSSStyleSheet': Deleting a CSSNamespaceRule is not allowed when there is rules other than @import, @layer statement, or @namespace.", DOMException.INVALID_STATE_ERR);
 		}
 	}
 	this.cssRules.splice(index, 1);

package/lib/CSSSupportsRule.js

@@ -27,7 +27,7 @@ Object.defineProperty(CSSOM.CSSSupportsRule.prototype, "cssText", {
       cssTexts.push(this.cssRules[i].cssText);
     }
 
-    return "@supports " + this.conditionText + " {" + cssTexts.join("") + "}";
+    return "@supports " + this.conditionText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
   }
 });
 

package/lib/parse.js

@@ -312,7 +312,8 @@ CSSOM.parse = function parse(token, errorHandler) {
 		// Fallback to a loose regexp for the overall selector structure (without deep paren matching)
 		// This is similar to the original, but without nested paren limitations
 		// Modified to support namespace selectors: *|element, prefix|element, |element
-		var looseSelectorRegExp = /^((?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|(?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?\*|#[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\.[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\[[^\[\]]*(?:\s+[iI])?\]|::?[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+(?:\((.*)\))?|&|\s*[>+~]\s*|\s+)+$/;
+		// Fixed attribute selector regex to properly handle |=, ~=, ^=, $=, *= operators
+		var looseSelectorRegExp = /^((?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|(?:(?:\*|[a-zA-Z_\u00A0-\uFFFF\\][a-zA-Z0-9_\u00A0-\uFFFF\-\\]*|)\|)?\*|#[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\.[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+|\[(?:[^\[\]'"]|'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*")*(?:\s+[iI])?\]|::?[a-zA-Z0-9_\u00A0-\uFFFF\-\\]+(?:\((.*)\))?|&|\s*[>+~]\s*|\s+)+$/;
 		return looseSelectorRegExp.test(selector);
 	}
 
@@ -463,7 +464,42 @@ CSSOM.parse = function parse(token, errorHandler) {
 	 */
 	function validateNamespaceSelector(selector) {
 		// Check if selector contains a namespace prefix
-		var pipeIndex = selector.indexOf('|');
+		// We need to ignore pipes inside attribute selectors
+		var pipeIndex = -1;
+		var inAttr = false;
+		var inSingleQuote = false;
+		var inDoubleQuote = false;
+		
+		for (var i = 0; i < selector.length; i++) {
+			var char = selector[i];
+			
+			if (inSingleQuote) {
+				if (char === "'" && selector[i - 1] !== "\\") {
+					inSingleQuote = false;
+				}
+			} else if (inDoubleQuote) {
+				if (char === '"' && selector[i - 1] !== "\\") {
+					inDoubleQuote = false;
+				}
+			} else if (inAttr) {
+				if (char === "]") {
+					inAttr = false;
+				} else if (char === "'") {
+					inSingleQuote = true;
+				} else if (char === '"') {
+					inDoubleQuote = true;
+				}
+			} else {
+				if (char === "[") {
+					inAttr = true;
+				} else if (char === "|" && !inAttr) {
+					// This is a namespace separator, not an attribute operator
+					pipeIndex = i;
+					break;
+				}
+			}
+		}
+		
 		if (pipeIndex === -1) {
 			return true; // No namespace, always valid
 		}
@@ -900,9 +936,13 @@ CSSOM.parse = function parse(token, errorHandler) {
 					return match;
 				});
 				// In a nested selector, ensure each selector contains '&' at the beginning, except for selectors that already have '&' somewhere
-				styleRule.selectorText = parseAndSplitNestedSelectors(processedSelectorText).map(function(sel) {
-						return sel.indexOf('&') === -1 ? '& ' + sel : sel;
-					}).join(', ');
+				if (parentRule.constructor.name !== "CSSStyleRule" && parentRule.parentRule === null) {
+					styleRule.selectorText = processedSelectorText;
+				} else {
+					styleRule.selectorText = parseAndSplitNestedSelectors(processedSelectorText).map(function(sel) {
+							return sel.indexOf('&') === -1 ? '& ' + sel : sel;
+						}).join(', ');
+				}
 				styleRule.style.__starts = i - buffer.length;
 				styleRule.parentRule = parentRule;
 				nestedSelectorRule = styleRule;

package/package.json

@@ -7,7 +7,7 @@
     "parser",
     "styleSheet"
   ],
-  "version": "0.9.12",
+  "version": "0.9.14",
   "author": "Nikita Vasilyev <me@elv1s.ru>",
   "contributors": [
     "Acemir Sousa Mendes <acemirsm@gmail.com>"