不能。::first-letter是伪元素，不支持:hover伪类；需将:hover绑定父块级元素（如p），再通过p:hover::first-letter控制，且仅限font-size、color等支持属性，中文场景推荐js包裹首字以确保稳定交互。
伪元素 ::first-letter 能不能直接加 :hover？
不能。::first-letter 是伪元素，不是真实 DOM 节点，它本身不支持 :hover 伪类——浏览器不会把鼠标悬停事件“转发”给它。你写 p::first-letter:hover 不会报错，但样式永远不会生效。
想让首字 hover 放大，得换思路
真正可行的方式是把 :hover 绑定在父块级元素（比如 p 或 .article-paragraph）上，再通过后代选择器影响 ::first-letter：
- 必须确保父元素是块级且文本开头无空格/换行/标签，否则
::first-letter根本不渲染，hover 更无从谈起 - 只允许使用
::first-letter支持的属性：比如font-size、color、float、margin-right、line-height；transform: scale()无效 - 放大倍数别设太大（如超过
4em），否则 hover 瞬间撑开段落，可能引发文字重排或移动端溢出
示例：
p {
font-size: 16px;
}
p::first-letter {
font-size: 2.5em;
float: left;
line-height: 0.8;
margin-right: 0.15em;
transition: font-size 0.2s ease;
}
p:hover::first-letter {
font-size: 3.5em;
}
为什么 hover 后首字位置乱了？
常见现象：鼠标移上去，首字突然下沉、右移或和第二行文字重叠。根本原因是 font-size 变化后，line-height 没同步调整，或者 float 元素脱离文档流导致基线偏移。
- 务必给
p::first-letter和p:hover::first-letter都显式设置line-height，推荐用固定值如0.75～0.9，不要用1 - 避免在 hover 状态里改
float、margin-top或padding——这些属性在伪元素上行为不稳定，尤其在 Safari 中 - 如果父段落本身有
line-height，hover 放大时它不受影响，所以首字的垂直定位只取决于自身line-height和font-size比例
中文首字 hover 放大要特别当心
Chrome 和 Safari 对中文段落首字符的识别逻辑不一致，同一段 HTML 在不同浏览器里可能 hover 时放大的是引号、括号，甚至跳过第一个汉字。
- 最稳妥的做法：用 JS 提取首汉字并包裹
<span class="first-char">这</span>，再对.first-char:hover做样式 —— 完全可控，也支持transform、transition等全部属性 - 如果坚持用
::first-letter，HTML 必须严格写成<p>这是一段…</p>，不能有换行、空格、注释或前置<strong></strong>标签 - 别指望
text-transform: uppercase在中文上起效 —— 它对汉字无效，且::first-letter本身也不支持该属性
真要交互稳定，首字就得自己亲手包一层；::first-letter 的 hover 只适合简单英文段落，且得接受兼容性毛刺。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
