Because the default wrap, modify the document and test file.

Author: Ҽ˿

README-zh.md

@@ -53,7 +53,12 @@ article --heading + p {
 你将得到：
 
 ```css
-article h1 + p, article h2 + p, article h3 + p, article h4 + p, article h5 + p, article h6 + p {
+article h1 + p,
+article h2 + p,
+article h3 + p,
+article h4 + p,
+article h5 + p,
+article h6 + p { 
   margin-top: 0;
 }
 ```
@@ -89,7 +94,8 @@ a:--any-link {
 output:
 
 ```css
-a:link, a:visited {
+a:link,
+a:visited {
   color: blue;
 }
 ```
@@ -109,6 +115,17 @@ a:link, a:visited {
 ```
 将会输出错误的 CSS 代码。
 
+```css
+.demo h1,
+.demo h2,
+.demo h3,
+.demo h4,
+.demo h5,
+.demo h6,undefined { 
+  font-size: 32px;
+}
+```
+
 ### Node Watch
 
 依赖 [chokidar](https://github.com/paulmillr/chokidar) 模块。
@@ -135,7 +152,6 @@ chokidar.watch(src, {
     fs.writeFileSync('output.css', output)
   })
 ```
-index.css 文件中的改动保存后将转换到 output.css
 
 ### Grunt
 
@@ -233,8 +249,11 @@ var output = postcss(selector(options))
 input.css
 
 ```css
-@custom-selector :--any .foo, .bar; /* 不会生效 */
-:--any h1 {
+/* 不会生效 */
+section h1,
+article h1,
+aside h1,
+nav h1 {
   margin-top: 16px;
 }
 ```

README.md

@@ -53,7 +53,12 @@ article --heading + p {
 You will get:
 
 ```css
-article h1 + p, article h2 + p, article h3 + p, article h4 + p, article h5 + p, article h6 + p {
+article h1 + p,
+article h2 + p,
+article h3 + p,
+article h4 + p,
+article h5 + p,
+article h6 + p { 
   margin-top: 0;
 }
 ```
@@ -63,7 +68,7 @@ article h1 + p, article h2 + p, article h3 + p, article h4 + p, article h5 + p,
     @custom-selector = @custom-selector <extension-name> <selector>;
 
 
-## How to use it
+## How to use
 
 ### Pseudo-element/Pseudo-class
 
@@ -89,7 +94,8 @@ a:--any-link {
 output:
 
 ```css
-a:link, a:visited {
+a:link,
+a:visited {
   color: blue;
 }
 ```
@@ -109,6 +115,17 @@ Example 3:
 ```
 This will throw an error CSS code.
 
+```css
+.demo h1,
+.demo h2,
+.demo h3,
+.demo h4,
+.demo h5,
+.demo h6,undefined { 
+  font-size: 32px;
+}
+```
+
 ### Node Watch
 
 Dependence [chokidar](https://github.com/paulmillr/chokidar) module.
@@ -191,7 +208,7 @@ gulp.watch('src/*.css', ['default']);
 
 #### 1. **`lineBreak`**(default: `true`)
 
-Setting multiple selector whether wrap.
+Set whether  multiple selector wrap.The default is turning on to be a newline.
 
 Close the line breaks.
 
@@ -241,7 +258,11 @@ input.css
 output:
 
 ```css
-section h1, article h1, aside h1, nav h1 {
+/* No effect */
+section h1,
+article h1,
+aside h1,
+nav h1 {
   margin-top: 16px;
 }
 ```

test/fixtures/extension.expected.css

@@ -1,7 +1,11 @@
-section h1, article h1, aside h1, nav h1 {
+section h1,
+article h1,
+aside h1,
+nav h1 {
   margin-top: 16px;
 }
 
-main input[type="text"] > section + p, main #nav .bar + p {
+main input[type="text"] > section + p,
+main #nav .bar + p {
   margin-top: 16px;
 }

test/fixtures/heading.css

@@ -1,5 +1,5 @@
 @custom-selector --heading h1, h2, h3, h4, h5, h6;
 
-article --heading + p{
+article --heading + p {
   margin-top: 0;
 }

test/fixtures/heading.expected.css

@@ -1,3 +1,8 @@
-article h1 + p, article h2 + p, article h3 + p, article h4 + p, article h5 + p, article h6 + p{
+article h1 + p,
+article h2 + p,
+article h3 + p,
+article h4 + p,
+article h5 + p,
+article h6 + p {
   margin-top: 0;
 }

test/fixtures/pseudo.expected.css

@@ -1,3 +1,4 @@
-.foo > a::before img, .foo > a::after img {
+.foo > a::before img,
+.foo > a::after img {
   display: block;
 }