gpt4 book ai didi

html - CSS - 主要元素的不透明度而不是伪元素(::after,::before)

转载 作者:可可西里 更新时间:2023-11-01 13:21:35 26 4
gpt4 key购买 nike

我有 span::after 伪元素:

#someId {
font-family: Arial;
font-size: 36px;
color: red;
}
#someId::after {
content: 'B';
}
<span id="someId">A</span>

我想让 ::after 元素可见,同时隐藏主要元素。我尝试使用 opacityfilter: opacityvisibility,但这没有用。如何在不操纵color 属性的情况下实现所需的行为,同时保持文本可选择
感谢您的帮助。

最佳答案

您不能在元素上使用不透明度 0,但可以在伪元素上使用不透明度 1。

但是您可以在元素和伪元素中使用不同的可见性值。

.lorem {
visibility: hidden;
}
.lorem::before {
visibility: visible;
content: 'Lorem';
}
<p class="lorem">ipsum</p>

关于html - CSS - 主要元素的不透明度而不是伪元素(::after,::before),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46379403/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com