gpt4 book ai didi

javascript - 继承颜色然后使其更暗/更亮

转载 作者:太空狗 更新时间:2023-10-29 16:01:00 27 4
gpt4 key购买 nike

我有两个 div,一个是 .father,另一个是 .child - 如下所示:

<div class="father">
<p></p>
</div>

<div class="child">
<p></p>
</div>

如您所见, child 不在父亲体内(对不起,如果这看起来很狗,唯一的例子让我眨了眨眼)。我想做什么;当我给 .father 一个背景色时,可以说“背景色:#000”。我想让 child 继承黑色,但要让它更亮/更暗......

我已尝试执行以下操作:

.child {
background-color: -20%;
}

我不知道这是否是真正的方法,我想这很愚蠢 - 但我需要分享我所做的事情。我也尝试过使用 CSS 透明度来做到这一点,但这将应用于整个 div...如果 div 中有文本怎么办?

例如,我用另一个 div 包裹 div .child 并给那个 div 一个黑色背景,然后对 div .child 应用透明度——但这也会对文本应用透明度!

如果我在周围添加了一个,我怎样才能让那个跨度继承它里面的 div 的颜色?并继承它的大小。

最佳答案

恐怕您无法在纯 CSS 中做到这一点。当然,除非您使用 rgba 颜色使其透明。

但是 SASS(和 LESS)中有一个函数可以使颜色变暗/变亮。查看这些函数的引用 here .有关 SASS/SCSS 的更多信息:http://sass-lang.com/

关于javascript - 继承颜色然后使其更暗/更亮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22325522/

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