A suite of simple examples of CSS selectors, together with screengrabs of how the Amazon Kindle Previewer application renders this code after it has been converted to a readable format by MobiCreator.
See the related blog post on gareth53.co.uk entitled "Convering A Word Document into a Kindle e-book".
| Selector | Test HTML | Kindle Rendering |
|---|---|---|
| Universal Selector | kindle_css1_universal.html | css1_universal.png |
| Element Selector | kindle_css2_element.html | css2_element.png |
| Multiple Elements Selector | kindle_css3_multiple_elements.html | css3_multiple_elements.png |
| Descendant Selector | kindle_css4_descendant.html | css4_descendant.png |
| Child Selector | kindle_css5_child.html | css5_child.png |
| First-Child Selector | kindle_css6_firstchild.html | css6_firstchild.png |
| Element Selector | kindle_css7_sibling_selector.html | css7_sibling.png |
| Universal Selector | kindle_css8_attribute_selector.html | css8_attribute.png |
| Universal Selector | kindle_css9_class_selector.html | css9_class.png |
| Universal Selector | kindle_css10_id_selector.html | css10_id.png |
