CSS :visited 规则不起作用(除了颜色)?
CSS rules for :visited won't work (beside color)?
所以我想在每个 link 访问过的人身上打勾。这是基本的 CSS 但不知何故 :visited
将只接受 color
而没有其他规则。我已经在最新的 Chrome 和 FF Mac 以及 MS Edge 14 上测试过它 - 相同的行为。
这里还有一个codepen用于测试
<a href="https://gab3.de">gab3.de</a>
<br>
<a href="https://gabrielw.de">gabrielw.de</a>
a:visited {
color: #ccc;
text-decoration: line-through;
}
a:visited:before {
content: "13 ";
}
那么问题是什么?
这些属性可以通过 :visited:
更改
- 颜色
- 列表项
- 背景颜色
- border-color(及其子属性)
- 轮廓颜色
填充和描边属性的颜色部分
您只能使用 :visited 来更改这些属性。
这是出于隐私考虑,因为 css 技巧在该信息中说明:https://css-tricks.com/almanac/selectors/v/visited/
所以我想在每个 link 访问过的人身上打勾。这是基本的 CSS 但不知何故 :visited
将只接受 color
而没有其他规则。我已经在最新的 Chrome 和 FF Mac 以及 MS Edge 14 上测试过它 - 相同的行为。
这里还有一个codepen用于测试
<a href="https://gab3.de">gab3.de</a>
<br>
<a href="https://gabrielw.de">gabrielw.de</a>
a:visited {
color: #ccc;
text-decoration: line-through;
}
a:visited:before {
content: "13 ";
}
那么问题是什么?
这些属性可以通过 :visited:
更改- 颜色
- 列表项
- 背景颜色
- border-color(及其子属性)
- 轮廓颜色
填充和描边属性的颜色部分 您只能使用 :visited 来更改这些属性。
这是出于隐私考虑,因为 css 技巧在该信息中说明:https://css-tricks.com/almanac/selectors/v/visited/