MobileRead Forums - View Single Post - Div Selectors vs Paragraph Classes -- Robustness?

Doitsu · 09-05-2013, 04:06 AM

@grannyGrumpy:

FYI, if you designed ePubs exclusively for iPads, current Kindle models, some Kobo devices and other Webkit based devices and apps, you could simply use nth-child pseudo-elements:

Code:

p {
margin: .25em 0;
text-indent: 1.5em;
}

div.stanza  {
margin: 1.5em 10%;
font-size: 90%;
}

div.stanza p:nth-child(odd) {
margin-left: 2em;
}

div.stanza p:nth-child(even) {
margin-left: 4em;
}

Unfortunately, it'll probably take a while until all major ebook reader manufacturers introduce CSS3 compliant readers.

09-05-2013, 04:06 AM	#8
Doitsu Grand Sorcerer Posts: 5,738 Karma: 24031403 Join Date: Dec 2010 Device: Kindle PW2	@grannyGrumpy: FYI, if you designed ePubs exclusively for iPads, current Kindle models, some Kobo devices and other Webkit based devices and apps, you could simply use nth-child pseudo-elements: Code: p { margin: .25em 0; text-indent: 1.5em; } div.stanza { margin: 1.5em 10%; font-size: 90%; } div.stanza p:nth-child(odd) { margin-left: 2em; } div.stanza p:nth-child(even) { margin-left: 4em; } Unfortunately, it'll probably take a while until all major ebook reader manufacturers introduce CSS3 compliant readers.