::first-letter用于选中块级元素首字母并添加样式,如首字下沉;支持字体、颜色等设置,自动忽略标点,仅对块级元素有效,需用双冒号书写以确保兼容性。

CSS 的 ::first-letter 伪元素用于选中一个块级元素中的第一个字母,并对其应用特殊样式。这个选择器常用于实现首字下沉、首字母放大等排版效果。
使用两个冒号(::)来定义伪元素:
::first-letter例如,让段落的第一个字母变大并加粗:
p::first-letter { font-size: 2em; font-weight: bold; color: red; }::first-letter 只对块级元素生效,常见用法包括:
立即学习“前端免费学习笔记(深入)”;
示例:处理带引号的段落
p::first-letter { font-size: 1.5em; float: left; margin-right: 4px; }如文本是 ““Hello world””,伪元素仍会选中 H 并应用样式。
虽然标准推荐使用双冒号 ::first-letter,但单冒号 :first-letter 在旧版本浏览器中也支持,为了兼容性和清晰区分伪类与伪元素,建议始终使用双冒号。
注意:该伪元素不能用于内联元素(如 span),除非将其设为 display: block 或 inline-block。
基本上就这些,合理使用可以让文本更具设计感。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号