Css链接定位，我应该使用或：链接

Question

我最近一直在使用针对按钮类的第三方代码：链接和输入。我想控制css的这一部分，所以我在寻找大多数情况下被认为是最佳实践。

目前，输入按钮的目标是

input.button {
 ...
}

使用：link伪类

定位链接按钮

.button:link:after{
content: "...";
}

而不是

a.button:after{
content: "...";
}

据我所知，：链接伪类只引用<a>标记，那么使用.button:link而不是a.button有什么好处吗？

Answer 1

:link选择未访问a媒体资源的href元素。

如果您的a元素具有您之前未访问过的href属性，.button:link将选择与a.button相同的元素，但是如果它不是之前访问过或没有href属性，.button:link将不会选择任何内容。

JSFiddle demo

进一步阅读：W3's CSS Selector documentation。

---

正如Ruirize在对此答案的评论中所提到的，:link伪类选择器还会选择Google Chrome上的访问链接。我已经将此提升为Chrome的错误跟踪器中的错误，可以是viewed here。