gpt4 book ai didi

html - !重要的特异性覆盖不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 05:08:10 25 4
gpt4 key购买 nike

我在设计导航栏按钮时,遇到了不透明度方面的特异性冲突。我使用了 !important 覆盖,但这似乎不起作用。有什么原因的线索吗?

HTML:

    <body>
<div class="container">
<span id="text">Lorem Ipsum</div>
</div>
</body>

CSS:

    .container {
background-color: #000;
opacity:0;
height: 30px;
width: 122px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position:absolute;
top:40%;
left:43%;
}

#text {
color: #fff;
-moz-user-select: none;
-webkit-user-select: none;
font-family: Courier;
position:absolute;
top: 5px;
left: 5px;
width: 122px;
opacity:1; !important;
}

body {
background-color: #808080;
}

在这之后我得到的只是一个空白的灰色背景(由于背景颜色样式)。我知道将 span 嵌套在 div 中更有意义,但出于动画目的我需要这样做。

最佳答案

必须是这样的:

opacity:1 !important;

!important 之前没有 ;

如果 .containeropacity:0 那么这个 div 中的所有元素都将不可见,即使你添加 opacity:1 !important;#text

关于html - !重要的特异性覆盖不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9957320/

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