Oper'nyeの最初の行の楽しみ

最近、私はブロック要素と擬似クラスを伴う野生のバグに遭遇しました：オペラの最初の行、Googleに尋ねて、私はそれを見つけた人がほとんどいないことに気付きました。

ここでそのようなタイトルを作成する必要があり、floatが必要であるとしましょう：left











しかし、whereIAmクラスを持つブロック内のページのどこかに、最初の行を酸性色で塗り直す必要がある別のh2見出しがあります。

すべてが非常に簡単です：

<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >

< html >

< head >

< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" >

< title > | Opera </ title >

< style type ="text/css" >

h2 {

float: left;



font-family:Verdana, sans-serif;

padding: 5px;

font-weight: 300;

border: 4px solid #97D95C;

background: #D9FF77;

color: #437346;

}

.whereIAm h2:first-line{

color: lime;

}

</ style >

</ head >

< body >

< h2 > </ h2 >

</ body >

</ html >



* This source code was highlighted with Source Code Highlighter .

IE5.5 +、safari、firefox、およびchromeの効果は達成されますが、オペラ（10.10および9.64でテスト済み）は次のことを示しています。





.whereIAm h2：first-lineルールを削除するか、ヘッダーのクラスを追加する場合：

.whereIAm h2.target:first-lineすべてが正常に戻りました



誰がなぜそれを知っているのでしょうか？