如何在NextJs和TailWindCSS中不给父级的css给子标签

How not to give parent's css to child tag in NextJs and TailWindCSS

提问人:Mohammad amin Piri 提问时间:9/17/2023 更新时间:9/17/2023 访问量:21

问:

我有以下代码:

<div className="py-8 bg-black opacity-50">
    <p className="text-white text-6xl text-center z-2 opacity-100">
        Our Promise
    </p>
</div>

我不想在不透明的情况下生效

.

如您所见,我赋予了 z 指数和不透明度

但没有任何改变。

下一个.js 顺风 CSS 不透明度

评论

0赞 eYinka 9/17/2023
也许您想在父块上使用?当前代码将为所有子元素设置不透明度,我不确定您可以在子元素中选择退出它。请改用 bg-opacity。bg-opacity-50

答:

0赞 Ahmed Abdelbaset 9/17/2023 #1

使用时,不会降低颜色的不透明度,但会降低元素的不透明度(包含所有子元素)。opacity-50

你要问的是 bg-black/50