Reorder transformation examples in readme

Author: markdalgleish

README.md

@@ -79,12 +79,16 @@ Classes are dynamically generated at build time by [css-loader], so components a
 
 .foo .bar { ... } /* => */ .local[foo] .local[bar] { ... }
 
-:global .foo .bar { ... } /* => */ .foo .bar { ... }
+/* Shorthand global selector */
 
-:global(.foo) .bar { ... } /* => */ .foo .local[bar] { ... }
+:global .foo .bar { ... } /* => */ .foo .bar { ... }
 
 .foo :global .bar { ... } /* => */ .local[foo] .bar { ... }
 
+/* Targeted global selector */
+
+:global(.foo) .bar { ... } /* => */ .foo .local[bar] { ... }
+
 .foo:global(.bar) { ... } /* => */ .local[foo].bar { ... }
 
 .foo :global(.bar) .baz { ... } /* => */ .local[foo] .bar .local[baz] { ... }