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

标签 css html pseudo-element

我正在尝试在网页中使用 CSS :first-letter 伪元素来放大和着色段落的第一个字母 (W),唯一的问题是它在 DIV 标记中并且没有显示正确。我去过 W3C 学校并在 Stackoverflow 上查看了以下内容( css selector: first paragraph's first letter inside a divcss 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>

最佳答案

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

Example

关于css - 如何使用 CSS :first-letter pseudo-element in a <div> paragraph,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21387422/

相关文章:

html - 上边距的空间从何而来?

javascript - 联系表单未发送 [html、php、js]

jquery - 如何让视频显示在特定div内?

html - 将伪元素::after与多行文本对齐

css - 带有轮廓和伪元素的 Firefox 中的奇怪行为

javascript - 在缩放和变换后获取 Snap.svg 中的新点

html - 悬停时菜单向左移动

html - 使用 wkhtmltopdf 时如何在不显示 <h*> 标签的情况下将文档分成几个部分?

html - bootstrap-select 在 Bootstrap 下拉菜单中不起作用

css -::selection 的特异性如何作用于类型选择器?