Javascript 你能用CSS设计一个断开的链接吗？

有没有可能用不同的颜色设计一个断开的链接（即试图链接到你网站上不存在的页面的链接）？工作链接是蓝色的，断开的链接是红色的

---

或者，如果不是CSS，是否可以通过JavaScript识别它们，然后在以后设置样式？（我无法使用jQuery。）

参考您可能需要查看此帖子：

---

您可以使用javascript检查站点是否正常运行。使用此函数，您可以确定链接是否良好，并使用与不好链接不同的类显示链接。

否，您不能使用CSS设置断开链接的样式。在某些代理尝试访问链接之前，浏览器不知道链接是否已断开

可以想象，您可以编写一些Javascript，尝试获取文档中每个链接的每个页面，然后在某些链接失败时，它可以动态地将链接的样式更改为其他样式。但是，这可能是一个非常糟糕的主意，因为它可能会浪费大量带宽和一些CPU（两者在移动设备上都特别重要）

而且，更进一步的是，有些链接是指向其他域的，浏览器可能会禁止您的Javascript直接获取这些页面（同源安全限制），因此您甚至可能无法使用Javascript进行访问

---

一个可以工作的可扩展系统是让服务器每隔一段时间（可能每隔几天）检查页面中使用的链接，将该信息保存在本地数据库中，然后在呈现页面时向链接（服务器端）添加一个类，然后CSS规则可以对该链接进行不同的样式设置。另外，服务器不受同一来源限制，因此您在服务器端进行操作时没有该限制。在确定离线时，有很多问题需要注意，因为主机可能会暂时停机，只能从internet上的特定路由停机，等等。

CSS本身无法识别链路是否断开，否

但是，假设您有其他方法来确定链接是否断开，那么您可以在断开的链接中添加一个类，并为它们提供一个独特的CSS样式，以直观地指示它们

---

如何自动确定断开的链接是另一个问题，这个问题在网络上的各个地方都有很好的介绍。例如，在和中。我强烈建议建立一个系统，不要试图确定每个访问者每次访问的每个链接，而是一个可能每周检查一次站点上的所有链接，并更新站点上的哪些链接，附加一个额外的

损坏的
类或类似的内容。
否，仅仅使用CSS是不可能的。（此外，如果不尝试访问并应用相关的“断开”启发式方法，就不可能知道链接是否“断开”——而相同来源策略使得JavaScript很难做到这一点。）您可能希望查看以下帖子：