View Single Post
Old 10-03-2024, 02:37 PM   #38
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,363
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by JSWolf View Post
I do use an <hr/> for the section breaks. So the next <p> is styled for no indent with hr + p.


Quote:
Originally Posted by JSWolf View Post
I probably should also do an h2 + p for no indent as I mostly use <h2> for the chapter header.
I agree with your first example because there's really no definition of the-first-paragraph-that-follows-a-section-break... but I would actually define the first paragraph in the chapter as <p class="first"> or <p class="CO"> (chapter opener) instead.

Code:
<h2>Chapter Title</h2>
<p class="first">Yadda yadda yadda.</p>
Then you can apply whatever styles you want to that particular class, not just no-indent. You can even easily set the css to do any number of things depending on your creativity and the capabilities of your device.

Code:
p.first {}
p.first::first-letter {}
p.first::first-line {}
...
...
...
You can even set that css to be responsive and compatible with all kinds of different devices/apps based on screen size, @media, @supports, backwards compatibility for ePub2, as well as all the fun/creative things that are possible JUST because you semantically defined the first paragraph.

And here is the part that you like best, Jon. You can leave it a plane, vanilla no-indent while still having it set semantically. It's a win-win!!
Turtle91 is offline   Reply With Quote