前端给盒子中的第一个内容添加默认的悬停下划线

在前端，如果你想要为一个元素（如`<p>`、`<a>`或其他容器）中的第一个文本内容添加默认的悬停下划线效果，你可以通过CSS来实现。假设这个元素有一个通用的类名比如`.content`，并且它的第一个文本内容由`::first-line`选择器覆盖，可以这样做：

.content::first-line {
  text-decoration: underline; /* 添加下划线 */
}

.content:hover::first-line {
  text-decoration-color: blue; /* 鼠标悬停时改变颜色（这里是蓝色，你可以自定义颜色） */
}

这里，`.content::first-line`设置了默认的下划线，而`:hover`伪类则在鼠标悬停时更改下划线的颜色。

如果你想针对所有元素的第一个文本内容，你可以直接使用`*`通配符：

*:first-line {
  text-decoration: underline;
}

*:first-line:hover {
  text-decoration-color: blue;
}

注意这种方法可能会对页面其他地方的第一行文本也产生影响，所以在实际应用中需谨慎选择是否全局应用。