On Wednesday, September 28, 2011, Philip TAYLOR (Webmaster, Ret'd) <
p.tay...@rhul.ac.uk> wrote:
> Could anyone explain why the leading "M" of the following paragraph :
>
>        <p style="margin-top: 2.3em"><!-- #BeginLibraryItem
"/Library/Ugandan infant in a laundry basket.lbi" --><img
id="Infant-Uganda-001"
src="Resources/Images/Photographs/Web/Scaled/240/Infant-Uganda.001.jpg"
longdesc="../Resources/Images/Photographs/Web/Longdesc/Infant-Uganda-001.html"
alt="Ugandan infant in a laundry basket" width="320" height="240"><!--
#EndLibraryItem -->M<span class="Keyphrase">any of us</span> are lucky
enough to take anaesthesia for granted. Surely a world without safe
anaesthesia has long been confined to the history books&nbsp;?&nbsp; Not in
the developing world, where hospitals lack suitable equipment, medicines and
trained staff.</p>
>
> is not matched by this CSS rule :
>
>        DIV.Content P:first-letter {color: red; letter-spacing: 0.075em}
>
> ...

http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#first-letter
"The ::first-letter pseudo-element represents the first letter of an
element, if it is not preceded by any other content (such as images or
inline tables) on its line."

The first-letter CSS3 spec is a quite interesting read. I did not know this:
"The first letter must occur on the first formatted line. For example, in
this HTML fragment: <p><br>First... the first line doesn't contain any
letters and ::first-letter doesn't match anything (assuming the default
style for br in HTML 4). In particular, it does not match the "F" of
"First.""

Ingo
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to