CSS Master

<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit.

➥” Fusce odio leo, sollicitudin vel mattis eget, ...</p>

Inthiscase,thestylesdefinedfor::first-letterwillaffectboththeopening
punctuationmarkandthefirstletter,aspresentedinFigure1.15.Allbrowsers
handlethisinthesameway.

Figure 1.15. Punctuation is affected by ::first-letter styles if it immediately precedes the first letter character

However,thisisn’tnecessarilyhowitworkswhenthepunctuationmarkisgenerated
byanelement.Considerthefollowingmarkup:

<p><q>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</q>

➥ Fusce odio leo, sollicitudin vel mattis eget, iaculis sit ...</p>

Currentbrowserstypicallyrendertheqelementwithlanguage-appropriatequotation
marksbeforeandaftertheenclosedtext;however,notallbrowserstreatthose
quotationmarksthesameway.InFirefox 42 (Figure1.16),Safari8,andearlier
versions,::first-letteronlyaffectstheopeningquotationmark.

Selectors 27