仅将鼠标悬停在元素的::first-line 时如何应用样式？

Question

我想仅当用户将鼠标悬停在段落的第一行上时才将段落的第一行设为粗体。我尝试过类似的事情：

p::first-line:hover {
    font-weight: bold;
}

请注意，这个问题与另一个 Stack Overflow 问题 不同。引用的问题是关于当用户将鼠标悬停在标签的任何部分上时如何使段落的第一行变为粗体。我的问题是当用户仅将鼠标悬停在第一行上时如何使第一行粗体。

Answer 1

根据相关CSS规范，您的尝试是正确的：

例如，由于

:hover

伪类指定它可以应用于任何伪元素，因此当第一行悬停时

::first-line:hover

将匹配。

但是，这种特定的功能组合尚未在任何浏览器中实现。将来浏览器可能会支持这个，到时候可以更新这个答案。同时，您需要使用 JavaScript 来实现该功能。