twitter-bootstrap - Twitter Bootstrap Dropcaps color change

Question

This code renders the number 1 in red as a drop cap

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

Id like to make the drop cap number 1 green. How can I do that?

Thanks.

Answer 1

我很惊讶这还没有得到答复，对于迟到的答复感到抱歉。

您可以使用自己的 CSS 覆盖任何 CSS 行为。在您自己的 css 文件中：

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

如果您不想覆盖每个 dropcap 颜色，那么您可以执行以下操作：

.green {
   color: #660000; 
}

然后将您的html修改为以下内容：

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