Javascript 如何为被文本包围的链接加下划线？

我需要强调锚链接是由悬停文本包围

我正在寻找一个类似于下面的结果，但没有针对id的或类的任何链接，因为它将是所有的链接相同

如何使用css（如果没有，则使用javascript）为被文本包围的链接添加下划线 可能吗

a{
文字装饰：无；
}
a#with text:悬停{
文字装饰：下划线；
}

文本周围文本周围

如果您的

a

始终在

span

范围内，您可以这样定位它：

span a:hover {
 text-decoration: underline; 
}

---

这将针对

span

中的所有

a

，如果您的

a

始终位于

span

中，您可以这样针对它：

span a:hover {
 text-decoration: underline; 
}

---

这将针对

span

中的所有

a

，您可以使用

span>a:hover

这将针对作为

span

直接子项的所有

a

a{
文字装饰：无；
}
span>a：悬停{
文字装饰：下划线；
}

文本围绕文本围绕

您可以使用

span>a:hover

这将针对作为

span

的直接子对象的所有

a

a{
文字装饰：无；
}
span>a：悬停{
文字装饰：下划线；
}

就我所知，在css选择器中无法处理纯“文本节点”。我将转到JS，在那里您可以轻松地检查链接的文本是否等于其父元素的所有文本

下面是一个使用jquery的小程序，但您也可以使用普通javascript来完成


$（“a”）。每个（函数（）{
if（$（this.text（）.trim（）==$（this.parent（）.text（）.trim（））{
//此链接是父项的唯一内容，因此。。。
$（this.addClass（'no-underline'）；
}
});
a{文本装饰：无}
a:悬停{文本装饰：下划线}
a、 无下划线：悬停{文本装饰：无}

文字环绕

两边环绕的文字

后面有文字

据我所知，没有办法处理css选择器中的纯“文本节点”。我将转到JS，在那里您可以轻松地检查链接的文本是否等于其父元素的所有文本

下面是一个使用jquery的小程序，但您也可以使用普通javascript来完成


$（“a”）。每个（函数（）{
if（$（this.text（）.trim（）==$（this.parent（）.text（）.trim（））{
//此链接是父项的唯一内容，因此。。。
$（this.addClass（'no-underline'）；
}
});
a{文本装饰：无}
a:悬停{文本装饰：下划线}
a、 无下划线：悬停{文本装饰：无}

文字环绕

两边环绕的文字

后面有文字

在锚定标记周围使用下划线标记可以编辑标记吗？
span a:hover{text decoration:underline；}
？我已经更新了我的问题陈述，请看一看。在锚定标记周围使用下划线标记可以编辑标记吗？
span a:hover{text decoration:underline；}
？我已经更新了我的问题陈述，请看一看。我已经更新了我的问题陈述，请看一看。我已经更新了我的问题陈述，请看一看。谢谢你的回答，这似乎是使用javascript的唯一方法。谢谢你的回答，这似乎是使用javascript的唯一方法。