Question on naming classes

[phossler]

I've seen some style sheets with classes based on usage in the book and some with classes defining the format

Other than possibly personal style, are there any recommendations, advantages, or disadvantages to the two approaches?

h1.book-title {
  margin-top: 10%;
  page-break-after: avoid;
  text-align: center;
  margin-bottom: 2em;
}
h2.book-subtitle {
  page-break-after: avoid;
  text-align: center;
  margin-bottom: 1em;
}
h2.book-author {
  page-break-after: avoid;
  text-align: center;
  margin-bottom: 1em;
}
p.title-page {
  text-align: center;
}
p.publisher-logo {
  margin-top: 3em;
  text-align: center;
  margin-bottom: 3em;
}

.nospaceafter {
  margin-bottom: 0;
}
.extraspacebefore {
  margin-top: 2em;
}
.small {
  font-size: 75%;
}
.big {
  font-size: 150%;
  line-height: 150%;
}
.verybig {
  font-size: 200%;
  line-height: 200%;
}
.superbig {
  font-size: 250%;
  line-height: 250%;
}

[DNSB]

Personal choice. The renderer really doesn't care what names you use for your classes.

I tend to give meaningful—to me—names to my commonly used classes and functional names to the rest. So chapternumber (fairly obvious) and glyphw33 (I have a whole series of glyphwxxy where the xxy is the percent width).

[hobnail]

I have both. But I rarely use the formatting classes and have all of that stuff within the css for the "ordinary" tags. For example, occasionally I need a noindent paragraph but for the normal case as in a paragraph after an h2 or h3 tag I have

dl + p,
hr.asterism + p,
header + p,
p:first-child,
section.endnotes ol,
table + p  {
    margin-top: 1.0em;
    text-indent: 0em;
}

The plus means the css is for the tag (p) after that plus and in the html that tag (p) immediately follows what is in front of the plus (header, table, etc.). My h2 and h3 tags are inside a header group/block which is why you don't see them in this css.

For a tag that's inside another thing it's a space instead of a plus:

blockquote p, div.block p {
    margin-top: 0.25em;
    text-indent: 0em;
}

My goal is to use as few class="whatever" tags as possible.

[phossler]

Originally Posted by DNSB

Personal choice. The renderer really doesn't care what names you use for your classes.

I tend to give meaningful—to me—names to my commonly used classes and functional names to the rest. So chapternumber (fairly obvious) and glyphw33 (I have a whole series of glyphwxxy where the xxy is the percent width).

I've been pretty much using class names (.noindent) describing how they look, and not so much what they're used for (.chapternumber)

I reserve h1..h6 for TOC entries and calibre's "Use Major Headings" option

So for a chapter number I might have <p class = "bold superbig center" ...

so I can see that <p class="chapternumber" ... might be easier and more meaningful

[phossler]

Originally Posted by hobnail

My goal is to use as few class="whatever" tags as possible.

Ditto

Cleaning epubs for my Kindle, I see <p class="indent"> ... 1000's of times. Just easier to define <p> the way I want

[hobnail]

Originally Posted by phossler

Ditto

Cleaning epubs for my Kindle, I see <p class="indent"> ... 1000's of times. Just easier to define <p> the way I want

Exactly. I hate that. They're probably the result of some software that produces the html.