在 css 中使用 firstoftype 效果太好了吗

/*Lettrine*/
.article-content::first-letter,
.article-content p:first-of-type::first-letter
{
    font-size:96px;
}

<div class="article-content">
  <p>P1</p>
  <p>P2.</p>
  <div>
    <p>P3</p>
  </div>
</div>

/*Lettrine*/
.article-content::first-letter,
.article-content > p:first-of-type::first-letter
{
    font-size:96px;
}

Css相关问答推荐

如何在CSS calc()中使用反向百分比/无单位计算？

如何使用css创建带有曲线的自定义按钮

在react native中应用阴影

如何以Angular 调整下拉控件的高度

用两步函数内插的css动画值

将特定样式应用于递归Angular 元素

如何使用混合混合模式更改动画背景上的文本 colored颜色

如何使用 Cypress 从 React 下拉列表中进行 Select

在 dbc.Container 上方包含横幅 - Dash

如何在流线型多页面应用程序中在表情符号和页面名称之间留出一些空白

网格在行方向上的大小不正确

在 RC.1 中，某些样式无法使用绑定语法添加

如何从 表格单元格中创建链接

溢出的文本可以居中吗？

CSS 悬停与 JavaScript 鼠标悬停

在 react-native 中使用 flex 使项目粘在底部

bootstrap.css 和 bootstrap-theme.css 有什么区别？

打印html时在页面上打印页码

我如何*真正*证明 HTML+CSS 中的水平菜单？

CSS(webkit)：在绝对定位元素上用底部覆盖顶部