Feat/add comment exclusions

index.js

@@ -55,14 +55,33 @@ module.exports = postcss.plugin('postcss-increase-specificity', function(options
 	var opts = objectAssign({}, defaults, options);
 
 	return function(css) {
-		css.walkRules(function(rule) {
-			// Avoid adding additional selectors (stackableRoot) to descendant rules of @keyframe {}
-			// i.e. `from`, `to`, or `{number}%`
-			var isInsideKeyframes = rule.parent.type === 'atrule' && rule.parent.name === 'keyframes';
+		let isExcluded = false;
+		css.walk(function(node) {
 
-			if(!isInsideKeyframes) {
-				increaseSpecifityOfRule(rule, opts);
+			if (node.type === 'comment') {
+
+				const commentStart = 'no important-start';
+				const commentEnd = 'no important-end';
+
+				if(node.text === commentStart) {
+					isExcluded = true;
+				}
+
+				if(node.text === commentEnd) {
+					isExcluded = false;
+				}
+			}
+
+			if (node.type === 'rule' && !isExcluded) {
+				const rule = node;
+				// Avoid adding additional selectors (stackableRoot) to descendant rules of @keyframe {}
+				// i.e. `from`, `to`, or `{number}%`
+				var isInsideKeyframes = rule.parent.type === 'atrule' && rule.parent.name === 'keyframes';
+
+				if (!isInsideKeyframes) {
+					increaseSpecifityOfRule(rule, opts);
+				}
 			}
-		});
+		})
 	};
 });

test/fixtures/comments-to-exclude.css

@@ -0,0 +1,13 @@
+.foo {
+	background: #f00;
+}
+
+/* no important-start */
+.boo {
+	background: green;
+}
+
+/* no important-end */
+.coo {
+	background:goldenrod;
+}

test/fixtures/comments-to-exclude.expected.css

@@ -0,0 +1,13 @@
+:not(#\9):not(#\9):not(#\9) .foo {
+	background: #f00;
+}
+
+/* no important-start */
+.boo {
+	background: green;
+}
+/* no important-end */
+
+:not(#\9):not(#\9):not(#\9) .coo {
+	background:goldenrod;
+}

test/test.js

@@ -52,6 +52,10 @@ describe('postcss-increase-specificity', function() {
 		return testPlugin('./test/fixtures/classes.css', './test/fixtures/classes.expected.css');
 	});
 
+	it('should handle exclusion commments', function () {
+		return testPlugin('./test/fixtures/comments-to-exclude.css', './test/fixtures/comments-to-exclude.expected.css');
+	});
+
 	it('should work with multiple classes `.foo, .bar`', function() {
 		return testPlugin('./test/fixtures/multiple-classes.css', './test/fixtures/multiple-classes.expected.css');
 	});