Cannot use with postcss-apply

[matype]

I start to use postcss-apply with cssnext (postcss-selector-parser is used in cssnext), but the following error is occured.

Error: Expected pseudo-class or pseudo-element

and here is my CSS code.

:root {
  --truncate: {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

I wish your help. Thanks.

[ben-eb]

I think it would be best to open an issue (or better, send a PR) on the affected plugin(s) that use postcss-selector-parser, see #27 for the original discussion behind this, and see https://github.com/ben-eb/postcss-minify-selectors/commit/26af0e2eff5363bc922821398145492d9fc2c8fb for a fix.

[matype]

👍

[texastoland]

I'm receiving the same error from postcss-pseudo-class-any-link using cssnext. I'm PRing there but @apply is now specified and implemented?

[xuyuanxiang]

@morishitter

postcss: function plugins(webpack) {
       return [
            require("postcss-pseudoelements")(),
            require("postcss-import")({addDependencyTo: webpack}),
            require("postcss-url")(),
            require("postcss-cssnext")({
                browsers: [
                    "Android 2.3",
                    "Android >= 4",
                    "Chrome >= 35",
                    "Firefox >= 31",
                    "Explorer >= 8",
                    "iOS >= 7",
                    "Opera >= 12",
                    "Safari >= 7.1"
                ]
            }),
            require("postcss-opacity")(),
            require("postcss-vmin")(),
            require("postcss-will-change")(),
            require("postcss-flexbugs-fixes")(),
            require("postcss-gradientfixer")(),
            require("postcss-browser-reporter")(),
            require("postcss-reporter")(),
        ];
    }

I've just to move postcss-pseudoelements before postcss-cssnext. It works...

[xilixinluo]

@xuyuanxiang this "postcss-pseudoelements" fixed myfault ,thank you a lot~