Quote:
Originally Posted by JSWolf
The main issue is they don't need this ridiculously convoluted code they feel they need to use for a simply formatted eBook. If they did it correctly then they would have no problem and would only need one ePub as it would be compatible without any problem.
|
I'm not sure what you mean by 'ridiculously convoluted code'??
This is as simple as it gets:
Code:
.first::first-line {font-variant:small-caps}
<p class="first">Betsy said, 'I love the simplicity of this first paragraph
in a new chapter.'</p>
compared with putting spans around everything...
Code:
.first {font-size:.8em; text-transform: uppercase;}
.large {font-size:1em}
.small {font-size:.9em}
<p><span class="first"><span class="large">B</span><span class="small">etsy said, '
</span><span class="large">I</span><span class="small"> love the simplicity</span></span>
of this first paragraph in a new chapter.'</p>
And then the length of text you want to apply the effect to is just a guess using spans...most times you only get a few words with the effect and it looks really silly. Pseudo selectors like ::first-line will automagically apply the effect to the entire first line no matter how short, or long, it is.