@rjwse:
Quote:
|
bet I could get a negative/nasty
|
Sucker bet, naturally enough. Clearly you are not afraid to use advanced CSS syntax but the selectors indicate you are classing the tags (not necessary, as you know) and this leads to lots of obscure code -- and a bit too much of it. Not fun to have such options.
No reason why you cannot relax a bit and work off the irreducible and simple structural code?
Quote:
<h2>Chapter Title</h2>
<p>This is the first sentence and it has a nice initial cap.</p>
|
Then launch with sibling selectors to hook the styles:
h2 ~ p:first-of-type {}
h2 ~ p:first-of-type::first-line {}
h2 ~ p:first-of-type::first-letter {}
Kick back and focus on one result that has the qualities you want. I like large initial caps, large enough to accept text-shadow effects. This gives a good excuse to rev up the first-line pseudo-element too. Find one good elegant style, modify from there, keeping the code simple.
Seems like more fun that way...