我有span
::after
伪元素:
#someId {
font-family: Arial;
font-size: 36px;
color: red;
}
#someId::after {
content: 'B';
}
<span id="someId">A</span>
我想隐藏主要元素,使::after
元素可见。我尝试使用opacity
和filter: opacity
以及visibility
,但这不起作用。如何在不操纵color
属性的情况下实现所需的行为,同时保持文本可选?
谢谢你的帮助。
答案 0 :(得分:2)
您不能在元素上使用不透明度0,而在伪元素上使用不透明度1。
但是您可以在元素和伪元素中使用不同的可见性值。
.lorem {
visibility: hidden;
}
.lorem::before {
visibility: visible;
content: 'Lorem';
}
<p class="lorem">ipsum</p>