：最初の文字は強力ではない

Question

私はあきらめます。なぜですか？最初の文字はここでは機能しません。

Answer 1

、それはまた、（クロムに少なくとも）display: inline-blockを持つ要素で動作しますしたがって、displayは、inline（list-itemを含む）以外のものでなければなりません。例えば、

strong { 
    font-weight: bold; 
    color: blue; 
    display: inline-block; 
} 
strong::first-letter { 
    color: red; 
} 

JS Fiddle demo。

また、::first-letterは擬似要素なので、セレクタと擬似クラスを区別するために、シンタックスはシングルではなくダブルコロンでなければなりません。ここで

Answer 2

ブロック要素のみでは、インライン要素では機能しません。

Answer 3

first-letterはブロック要素でのみ使用できます。

これは動作しますが、質問はブロックレベルstrongがいかに便利である：

http://jsfiddle.net/UZpLG/他の回答にさらに

strong { 
    font-weight: bold; 
    color: blue; 
    display: block; 
} 
strong:first-letter { 
    color: red; 
} 


<strong>test test</strong> 

Answer 4

はJSBin

次のとおりです。最初の文字インライン要素

表示を追加、このいずれかを使用してCSSを変更して動作しません：あなたの強力にブロックを{...}

strong { 
    font-weight: bold; 
    color: blue; 
    display: block; 
} 
strong:first-letter { 
    color: red; 
} 

Answer 5

あなたはおよそNote: The "first-letter" selector can only be used with block-level elements.

をお読みください気づい

とBlock-level elements

と例http://jsfiddle.net/eLvWt/6/

strong { 
    display:block; 
    color:green; 
} 

strong:first-letter { 
    color: red; 
} 

：それは時代遅れであることから、この私の答えの参照を無視してください。