css - 无法弄清楚如何删除文字装饰

Question

更新 2: 问题不再相关，因为它无法通过 MWE 离线示例解决。 (我还找到了导致该错误的违规代码。

当我将鼠标悬停在标题元素上时，我有一个细小的边框，它看起来像一个文本装饰边框，我无法摆脱它。

据我所知，这个问题不能用 text-decoration: none; 来解决……它根本行不通或者我在错误的元素…… 再一次，我想我已经测试了所有这些……这就是为什么我在这里发布我的问题。

text-decoration: "none" http://oho.xyz/hover1.jpg

MWE 工作正常( http://codepen.io/pattulus/pen/bNRxaz )，但真实情况并非如此。

因为我不知道我的代码到底出了什么问题，所以我在 上运行了一个实例。在过去的几个小时里，我用网络检查器调试了它，但无法确定这里有什么问题。我几乎在所有地方都放置了一个 text-decoration: none !important 但没有成功。

所以他们真正的问题是:这个错误是什么以及如何找到它？

更新:我将添加了伪 ::before 元素的人造边框放到了 span 中以避免混淆。等这个问题解决了我再补充。我还使用这个使 html 更具语义:

Answer 1

我检查了您网站的实时版本，如果您禁用内容:::在 css 之前的 css 属性，该行将消失。