jquery before不显示html,jquery – 为什么:: before伪元素不能使用：访问伪类？

我试图用伪类和伪元素来设计我的元素。喜欢hover :: before正常工作，但是：visited :: before is not working。

如果链接被访问，我想显示“Seen”，但是：visited :: before不工作。

*, *:before, *:after {

box-sizing: border-box;

}

body {

background-color: #eee;

font-size: 23px;

padding: 50px;

font-family: 'Ubuntu Condensed', sans-serif;

}

.style-3 {

margin: 20px;

float: left;

padding: 20px 80px 20px 20px;

border: 1px solid #ccc;

background-color: #fff;

position: relative;

text-decoration: none;

}

.style-3 {

color: green;

}

.style-3:visited {

color: red;

}

.style-3:hover::before {

content: "Hover";

position: absolute;

right: 20px;

color: yellow;

}

.style-3:visited::before {

content: "Seen";

position: absolute;

right: 20px;

color: blue;

}

Seen Effects

Seen Effects

Seen Effects