css - の中にある最初の文字を選択する方法鬼ごっこ

Answer 1

最初の行は block-container ボックス内でのみ意味を持つため、::first-letter 疑似要素は、表示値が block、inline-block、table-cell、list-item、または table- の要素にのみ影響します。キャプション。それ以外の場合、::first-letter は効果がありません。

---

https://developer.mozilla.org/en-US/docs/CSS/::最初の文字

Answer 2

:first-letterなどのインライン要素では機能しませんi。段落、テーブル キャプション、テーブル セル、リスト アイテム、またはプロパティが適用さ:first-letterれたブロック要素で機能します。inline-block

<div>
    <p>
       <i>Sample text</i>
    </p>
</div>

CSS

i { display: inline-block; }

div p:last-child i:first-child:first-letter { font-weight: bold }

jsfiddleをチェック