first-letter pseudo klasa

[MicSas]

Kod: Zaznacz cały

<style type="text/css">
<!--
a {display: block;}   
a:first-letter {color: yellow;}
a:hover img {display: none;}
-->
</style>
</head>


<a href="#"><img style="float: right;" src="#" />Lorem ipsum</a>

Dlaczego FF nie radzi sobie z takim kodem, czyli powinien wyświetlić L na żółto, przecież znacznik <img/> nie ma żadnych liter. Jak moge to obejść?

[JBG]

Jak moge to obejść?

Zmienić kolejność :

Kod: Zaznacz cały



<a href="#">Lorem ipsum<img style="float: right;" src="#" /></a>

Ponieważ jeśli blok zaczyna się od znaku nie będącego literą lub cyfrą informacja o stylu pseudoelement first-letter zostanie zignorowana.

[MicSas]

Chyba nie rozumiesz, obrazek musi być tam gdzie jest w kodzie bo innaczej tekst nie będzie go opływał a na tym mi zależy. Opera rozumie, że tak pseudoklasa dotyczy znaków a nie obrazków i znaczników html, pytam wiec zy jest na to jakiśc hack.

[Ancestor]

Chyba nie rozumiesz, obrazek musi być tam gdzie jest w kodzie bo innaczej tekst nie będzie go opływał a na tym mi zależy. Opera rozumie, że tak pseudoklasa dotyczy znaków a nie obrazków i znaczników html, pytam wiec zy jest na to jakiśc hack.

W takim razie Opera nie przestrzega specyfikacji.

http://www.w3.org/TR/CSS21/selector.html#first-letter

The :first-letter pseudo-element must select the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line.

[MicSas]

Ok to mi wystrcza, dzięki bardzo za wytłumaczenie. ZaSPANuje te litere.