twitter-bootstrap - Twitter Bootstrap Dropcaps の色の変更

Question

このコードは、数字の 1 をドロップ キャップとして赤でレンダリングします。

        <p><span class="dropcap">1</span> <strong> First point </strong></p>

ドロップ キャップ ナンバー 1 を緑にしたいと思います。どうやってやるの？

ありがとう。

Answer 1

これがまだ回答されていないことに驚いています、返信が遅くなって申し訳ありません。

独自の css を使用して、CSS の動作をオーバーライドできます。独自の css ファイルで:

.dropcap {
   color: #006600; /* or whatever shade of green you want */
}

すべてのドロップキャップの色をオーバーライドしたくない場合は、次のようにすることができます。

.green {
   color: #660000; 
}

次に、html を次のように変更します。

<p><span class="dropcap green">1</span> <strong> First point </strong></p>