Added: support for :not() selector pseudo class level 4 (transpiled to level 3)

Author: MoOx

CHANGELOG.md

@@ -1,5 +1,7 @@
+# 1.4.0 - 2015-05-01
 
 - Added: support for `:matches()` selector pseudo class
+- Added: support for `:not()` selector pseudo class level 4 (transpiled to level 3)
 
 # 1.3.1 - 2015-05-01
 

README.md

@@ -85,6 +85,8 @@ properties (fallback: inlined `<svg>` filter)
 ([⇗](https://github.com/axa-ch/postcss-pseudoelements))
 * [`:matches` pseudo-class](http://dev.w3.org/csswg/selectors-4/#matches)
 ([⇗](https://github.com/postcss/postcss-selector-matches))
+* [`:not` pseudo-class](http://dev.w3.org/csswg/selectors-4/#negation)
+([⇗](https://github.com/postcss/postcss-selector-NOT))
 * alpha colors for browser that don't understand [css 3 colors](http://www.w3.org/TR/css3-color/)
 (fallback: solid hexa colors)
 ([⇗](https://github.com/postcss/postcss-color-rgba-fallback))
@@ -281,6 +283,7 @@ Here are all the available features:
 - `rem`
 - `pseudoElements`
 - `pseudoClassMatches`
+- `pseudoClassNot`
 - `colorRgba`
 - `autoprefixer`
 

index.js

@@ -26,6 +26,7 @@ var caniuseFeaturesMap = {
   rem: ["rem"],
   pseudoElements: ["css-gencontent"],
   // pseudoClassMatches: [null],
+  // pseudoClassNot: [null],
   colorRgba: ["css3-colors"],
   // autoprefixer: [null] // will always be null since autoprefixer does the same game as we do
 }
@@ -47,6 +48,7 @@ var features = {
   rem: function(options) { return require("pixrem")(options)},
   pseudoElements: function(options) { return require("postcss-pseudoelements")(options)},
   pseudoClassMatches: function(options) { return require("postcss-selector-matches")(options)},
+  pseudoClassNot: function(options) { return require("postcss-selector-not")(options)},
   colorRgba: function(options) { return require("postcss-color-rgba-fallback")(options)},
   autoprefixer: function(options) { return require("autoprefixer-core")(options).postcss}
 }

package.json

@@ -53,6 +53,7 @@
     "postcss-media-minmax": "^1.1.0",
     "postcss-pseudoelements": "^2.1.1",
     "postcss-selector-matches": "^1.0.1",
+    "postcss-selector-not": "^1.0.1",
     "postcss-url": "^3.0.0",
     "read-file-stdin": "^0.2.0",
     "to-slug-case": "^0.1.2",

test/fixtures/cases/example.css

@@ -59,9 +59,13 @@ a::after {
   content: "pseudo-elements"
 }
 
+/* :matches() and :not() */
 p:matches(:first-child, .specific) {
   color: red;
 }
+p:not(:first-child, .specific) {
+  background: blue;
+}
 
 /* rgba() fallback */
 .color {

test/fixtures/cases/example.expected.css

@@ -71,9 +71,13 @@ a:after {
   content: "pseudo-elements"
 }
 
+/* :matches() and :not() */
 p:first-child, p.specific {
   color: red;
 }
+p:not(:first-child), p:not(.specific) {
+  background: blue;
+}
 
 /* rgba() fallback */
 .color {

test/fixtures/features/pseudo-class-not.css

@@ -0,0 +1,3 @@
+p:not(:first-child, .specific) {
+  background: blue;
+}

test/fixtures/features/pseudo-class-not.expected.css

@@ -0,0 +1,3 @@
+p:not(:first-child), p:not(.specific) {
+  background: blue;
+}