我有两个 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/