在 HTML5 中为这种情况执行链接的更好方法



我有一个组合链接,然后是一些文本"and",然后是另一个链接,如下所示。

医生和病人

正如用户希望在下划线中拥有所有这些一样。

医生和病人

一切都很好,但我正在寻找一种更好的方法来做到这一点。因为,当我们悬停在"和"这个词上时,它看起来像一个链接,它的样式与我们申请链接(自定义的)相同。我想知道是否有办法避免将我们拥有的链接样式应用于该链接样式和关键字,但说我们需要为 3 个单词使用相同的下划线。

也许你可以用标签包围你想要时尚的东西:

<a href="#"><span>Doctor</span> and <span>Patience</span></a>

将样式应用于这些应该是微不足道:)。

当然,您也可以编写两个单独的链接:

<a href="#">Doctor</a> and <a href="#">Patience</a>

编辑:我加了一个小提琴。这可能是一个可能的解决方案。

https://jsfiddle.net/jomx8vyf/

最新更新