html - 你可以在 CSS 上的一个元素上使用两个不同的伪元素吗？

Question

我制作用户样式，换句话说，第三方 CSS 或自定义 CSS，我正在用content属性before和after伪元素替换文本。问题是，要完全隐藏原始文本，我必须将原始元素设置font-size为 0。这也隐藏了使用hover伪元素设置的内容。我打算只将hover属性应用到我的before伪元素，但是我必须使用 2 个伪元素，我认为这是不可能的。但是，我不确定。这是一个类似于我的代码的示例。

a.class[href="link"] {
 font-size: 0;
 visibility: hidden;
hover: 
}
 a.class[href="link"]:hover {
 background-color: black;
}
a.class[href="link"]:before {
 font-size: 16px;
 visibility: visible!important;
 content: "This text replaced what showed before";
}

一类[

标签： htmlcssuserstyles