html - 是否应该完整定义 CSS 链接声明以保持跨浏览器的一致性

Question

回到过去，我们通常在完整标记中定义 CSS 链接，例如

a, a:link, a:visited, a:active {...}
a:hover {...}

为了保持跨浏览器的一致性，需要它们。

现在，我看到了一个:link, :visited, :active经常被忽视的新趋势，例如在 Bootstrap

a {..}
a:hover {..}

这种定义 CSS 的方式现在很常见并且能够保持跨浏览器的一致性吗？

score 0 · Accepted Answer

a:link
a:visited
a:active
a:hover
a:focus

受 CSS2 规范支持。因此，在一致性问题上，任何具有支持 CSS2 或更好的引擎的浏览器都能够处理这些单独的声明。

由于抵制采用最新的 CSS 规范，浏览器的支持存在不一致。

如果您正在寻找最大的跨浏览器功能，我建议您坚持使用 CSS1 和 CSS2。只有新 CSS 规范的早期采用者才能与当前最新的 CSS4 保持一致。混合了对 CSS3 的全面支持。

score 0 · Accepted Answer

他们的意思不同。如果您想设置已访问与未访问链接的样式，请使用a:visitedand a:link。如果您想在点击链接时为其设置样式，请使用a:active. 如果只需要悬停，则只需a:hover像 Bootstrap 那样坚持。

2 回答 2