Question

我正在尝试使用CSS：网页中的第一个字母伪元素来放大和着色段落的第一个字母（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

Answer 2

您的CSS选择器编写不正确。应该是：

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

Answer 3

div.homepara:first-letter

你错过了一个＆＃39;。＆＃39;在课程名称之前，.classname和div

之间不应有空格

，即.. div.classname

DEMO

如何在<div>段</div>中使用CSS：first-letter伪元素

3 个答案: