fix scoped css for rules with pseudo classes

Author: yyx990803

lib/style-rewriter.js

@@ -9,7 +9,11 @@ var addId = postcss.plugin('add-id', function () {
     root.each(function (node) {
       node.selector = selectorParser(function (selectors) {
         selectors.each(function (selector) {
-          selector.append(selectorParser.attribute({
+          var node = null
+          selector.each(function (n) {
+            if (n.type !== 'pseudo') node = n
+          })
+          selector.insertAfter(node, selectorParser.attribute({
             attribute: currentId
           }))
         })

test/fixtures/scoped-css.vue

@@ -2,6 +2,9 @@
 .test {
   color: yellow;
 }
+.test:after {
+  content: 'bye!';
+}
 h1 {
   color: green;
 }

test/test.js

@@ -101,6 +101,7 @@ describe('vue-loader', function () {
       )
       var style = window.document.querySelector('style').textContent
       expect(style).to.contain('.test[' + id + '] {\n  color: yellow;\n}')
+      expect(style).to.contain('.test[' + id + ']:after {\n  content: \'bye!\';\n}')
       expect(style).to.contain('h1[' + id + '] {\n  color: green;\n}')
       done()
     })