我希望仅当用户将鼠标悬停在段落的第一行上时,才将该段落的第一行设置为粗体.我try 了一些类似的方法:
p::first-line:hover {
font-weight: bold;
}
请注意,这个问题与另一个Stack Overflow question个问题不同.引用的问题是,当用户将鼠标悬停在标记的任何部分上时,如何使段落的第一行加粗.我的问题是,当用户只将鼠标悬停在第一行上时,如何使第一行加粗.
我希望仅当用户将鼠标悬停在段落的第一行上时,才将该段落的第一行设置为粗体.我try 了一些类似的方法:
p::first-line:hover {
font-weight: bold;
}
请注意,这个问题与另一个Stack Overflow question个问题不同.引用的问题是,当用户将鼠标悬停在标记的任何部分上时,如何使段落的第一行加粗.我的问题是,当用户只将鼠标悬停在第一行上时,如何使第一行加粗.
你try 的方式每the relevant CSS specification次都是正确的:
例如,由于
:hover
伪类指定它可以应用于任何伪元素,所以当第一行悬停时::first-line:hover
将匹配.
然而,这一特定的功能组合还没有在任何浏览器(例如Firefox v123和Chromium v123)中实现.您可以随意使用此Stack代码片段进行测试;当它工作时,您将知道您的浏览器已经实现了该功能:
p::first-line:hover {
color: blue;
}
<p>Lorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
future ,浏览器可能会支持这一点,届时可以更新这一答案.同时,您需要使用JavaScript来实现该功能.