Question

我正在使用bootstrap css并定义了字幕。

小提琴：Fiddle

    <div class="center-container">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRzqEv5GXTFGZ1jOzAMNldPJAB6qCU2LRaiiWsld9o7zN1gz_jKaQ" class="img-responsive" alt="Responsive image">
        <div class="subtitle">Intention from past</div>
        </div>

我想在字幕中为36制作首字母大小I。

CSS：

subtitle:first-letter {
    font-size: 34px !important;
}

但它没有影响。这是什么问题？

Answer 1

OOPs ...你刚忘了.的句号，所以它会搜索名为 subtitle 的元素，而不是class

.subtitle:first-letter {
    font-size: 34px !important;
}

Demo （已添加color表示）

另外，请不要使用!important，因为您不需要..

Answer 2

在span标记中输入“我的过去的意图”。

＆lt; div class =“subtitle”＆gt; ＆lt; span style =“font-size：32px”;＆gt; I＆lt; / span＆gt; ntentio来自过去＆lt; / div＆gt;

我使用了内联css。您可以将其更改为您想要的任何大小;

你忘记了。在副标题之前的css：第一个字母。

更改字幕中第一个字母的大小

2 个答案: