HTML・CSS初学者です。
CSSの擬似要素「::before」と「:first-letter」を使って、コンテンツ番号(連番)を2桁で表示して、2桁目の数字だけ色を変えて表示したかったのですが、以下のコードを試した結果文字色は変わりませんでした。上手くいかなかった原因が知りたいです。
試したコード
.heading { counter-reset: number; } .content-block::before { counter-increment: number; content: "0"counter(number); } .content-block::before:first-letter { color: blue; }
HTMLに直接数字を書いてspanで囲って…などの代替案が考えられ、「絶対に実現させたい」ということではないんですが、上記のコードでなぜ上手くいかないのか原因を知っておきたいです。
ご回答いただけると幸いです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。