从::第一个字母中删除下划线

从…起 https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration :

文本装饰是跨后代文本元素绘制的。这意味着 如果元素指定了文本装饰,则子元素不能删除装饰 .

(我的重点)。当然,在您的例子中,您没有真正的子元素(只是第一个字母伪元素),但同样的逻辑适用。

也就是说,一些实验表明,子元素可以添加 拥有 下划线(覆盖祖先的),然后使用 text-decoration-color . 因此,在大多数情况下,你可以通过写一些类似的东西来潜在地拼凑出你想要的视觉效果

.letter-underline-none::first-letter {
  text-decoration: underline;
  text-decoration-color: #FFF;
}

(调整 #FFF 零件以匹配预期背景色)。不过,我不认为我会建议这样做——看起来很可能会出现奇怪的边缘情况,这种情况看起来比一开始的全下划线效果更糟糕。