Merge pull request #5 from ryoppippi/fix-docs

fix docs

Author: ryoppippi

README.md

@@ -24,7 +24,7 @@ Now you can use `@import "./whatever.css" scoped;`.
 
 For example, the following CSS:
 
-```html
+```svelte
 <style>
 @import "./a.css" scoped;
 @import "./b.css" scoped;
@@ -35,7 +35,7 @@ For example, the following CSS:
 
 will get converted into:
 
-```html
+```svelte
 <style>
 contents of a.css will be here
 contents of b.css will be here
@@ -44,5 +44,44 @@ contents of b.css will be here
 </style>
 ```
 
+### Select Style Rules by Query Selector
+
+You can select style rules by query selector.
+
+For example, the following CSS and Svelte:
+
+
+```css
+/* a.css */
+
+div { color: red; }
+
+.message { color: blue; }
+```
+
+```svelte
+<div> hello </div>
+<p class="message"> world </p>
+
+<style>
+@import "./a.css?.message" scoped;
+
+div { color: green; }
+</style>
+```
+
+will get converted into:
+
+```svelte
+<div> hello </div>
+<p class="message"> world </p>
+
+<style>
+.message { color: blue; }
+
+div { color: green; }
+</style>
+```
+
 ## License
 [MIT](./LICENSE)