css - 如何使用 CSS :first-letter pseudo-element in a paragraph

Question

我正在尝试在网页中使用 CSS :first-letter 伪元素来放大和着色段落的第一个字母 (W)，唯一的问题是它在 DIV 标记中并且没有显示正确。我去过 W3C 学校并在 Stackoverflow 上查看了以下内容( css selector: first paragraph's first letter inside a div 和 css first-letter exclude other tags )，但这些似乎并没有解决我的问题(我猜我很可能没有正确设置 CSS ).任何帮助将不胜感激。谢谢。

这是我正在使用的 CSS:

div homepara:first-letter {
font-size: 36px;
color: darkblue;
}

这是我正在使用的 HTML:

<div class="homepara">Welcome to This Test Page.
</div>

Answer 1

试试这个:div.homepara:first-letter。当你想用一个类来处理一个 div 时，在它们之间添加一个 .。

Example