Fix wrongly merging of pseudo class and element with the same name (f…

…ixes #383)

CHANGELOG.md

@@ -1,7 +1,8 @@
 ## next
 
 - Bumped [CSSTree](https://github.com/csstree/csstree) to `^1.0.0`
-- Fixed wrong merging of TRBL values when one of them contains `var()` (#420)
+- Fixed wrongly merging of TRBL values when one of them contains `var()` (#420)
+- Fixed wrongly merging of pseudo class and element with the same name, e.g. `:-ms-input-placeholder` and `::-ms-input-placeholder` (#383)
 
 ## 4.0.3 (March 24, 2020)
 

lib/restructure/prepare/processSelector.js

@@ -44,7 +44,7 @@ module.exports = function freeze(node, usageData) {
  var name = node.name.toLowerCase();
 
  if (!nonFreezePseudoClasses.hasOwnProperty(name)) {
- pseudos[name] = true;
+ pseudos[':' + name] = true;
  hasPseudo = true;
  }
  break;
@@ -53,7 +53,7 @@ module.exports = function freeze(node, usageData) {
  var name = node.name.toLowerCase();
 
  if (!nonFreezePseudoElements.hasOwnProperty(name)) {
- pseudos[name] = true;
+ pseudos['::' + name] = true;
  hasPseudo = true;
  }
  break;

test/fixture/compress/placeholder-pseudo.css

@@ -0,0 +1,15 @@
+.class::-webkit-input-placeholder {
+ color: red;
+}
+
+.class::-ms-input-placeholder {
+ color: red;
+}
+
+.class:-ms-input-placeholder {
+ color: red;
+}
+
+.class::placeholder {
+ color: red;
+}

test/fixture/compress/placeholder-pseudo.min.css

@@ -0,0 +1 @@
+.class::-webkit-input-placeholder{color:red}.class::-ms-input-placeholder{color:red}.class:-ms-input-placeholder{color:red}.class::placeholder{color:red}