To use the WP-AutoPost Set extraction rules, you only need to master the basic knowledge of CSS selectors.
To learn more you can refer to http://www.w3schools.com/cssref/css_selectors.asp
Basic selectors
Selector Example | Example description |
---|---|
h1 | Selects all <h1> elements |
a | Selects all <a> elements |
.info | Class Selector, Selects all elements with class=”info” |
#info | ID Selector, Selects all elements with id=”info” |
Class Selector use the symbol ” . ” Example .some_word
ID Selector use the symbol ” # ” Example #some_word
For example, the HTML code of an article title is shown below:
So The Article Title CSS Selector is .entry-title
If it is:
So The Article Title CSS Selector is #artibodyTitle
For example, the HTML code of an article content is shown below:
So The Article Content CSS Selector is .entry
Descendant selectors
Selector Example | Example description |
---|---|
div p | Selects all <p> elements inside <div> elements |
div li a | Selects all <a> elements inside <li> elements, and <li> elements inside <div> elements |
.contList a | Selects all <a> elements inside the elements with class=”conList“ |
#contList a | Selects all <a> elements inside the elements with id=”conList“ |
#contList li a | Selects all <a> elements inside <li> elements, and <li> elements inside the elements with id=”conList“ |
Descendant selectors, separated by space between each element.
For example, if want to set The Article URLs CSS Selector in Article Source Settings, the article URLs(HTML A tags) code area as shown below:
Because article URLs(HTML A tags) inside the elements with class=”conList“
So The Article URLs CSS Selector is set to .contList a
In the above example
Because <a> elements inside <li> elements, can also be set to .contList li a
Similarly, <li> elements inside <ul> elements, can also be set to .contList ul li a
These three settings are equivalent.