当前位置: 首页 > 面试题库 >

减轻孩子的父母(未知)背景色

漆雕绍晖
2023-03-14
问题内容

是否有一种方法可以在background-color不知情的情况下(或通常在CSS3中)访问父级?

就像是:

.child-class {
    background-color: lighten(parent-background-color, 30%);
}

较小的变量将是显而易见的方法,但是在这种情况下,我只是不知道父级的变量,background-color因为它可以动态设置样式。

有人在她的把戏盒子里帮忙吗?


问题答案:

编辑:看看ScottS的答案吧,这可能是您需要的一个聪明的解决方案。

这不可能在纯CSS中完成。原因是这些类型的引用可能导致“循环”情况。或者在DOM必须多次循环以确定最终值的情况下。这两种情况都是css始终避免的情况。

现在,如果您的主要目标是定义各种“调色板”并使所有颜色一起使用,则应考虑使用CSS扩展工具,例如“ SASS”或“
LESS”。它们可以让您定义颜色并进行更改并进行其他有用的比较。如果您想要这样的灵活性,请看看这些工具。但是,它们不能像您要求的那样进行直接比较,因为它们最终只会减少为CSS。

使用JavaScript可以轻松完成此操作,而使用jQuery则更轻松。当您可能不需要的时候,我不会用JavaScript /
jQuery代码弄乱这个答案。



 类似资料:
  • 我一直在将代码从JIT转换到D3,并使用树布局。我已从中复制了代码http://mbostock.github.com/d3/talk/20111018/tree.html使用我的树数据,但我想做更多。 在我的例子中,我想创建子节点,这些子节点合并回一个较低级别的父节点,我意识到这更像是一个有向图结构,但是希望树能够适应这一点(即注意子节点之间的公共id应该合并)。 因此,基本上,一棵树在从父母到

  • 问题内容: 最初,我一直在尝试获取父母的名单以及每个父母的一个最近的孩子。我已经知道如何使用以下查询 但是问题是,结果不包括没有孩子的父母。添加也无济于事。所以我想我可以对所有没有孩子的父母进行查询,然后将这两个查询合并为一个查询。但是我在建立这样的查询时遇到了麻烦。将不胜感激任何建议。 问题答案: 这是您的查询:

  • 问题内容: 这是一个常见的问题。它几乎总是被关闭,作为以下问题的重复项:是否有CSS父选择器? 重复项很好地指出了CSS不能定位父元素。但是,它对于原始问题几乎没有提供任何指导,而原始问题可能会在XY问题中陷入困境。 在这种情况下… 悬停孩子时如何更改父母的背景颜色? …至少有一种CSS解决方案可以解决该问题。 问题答案: 尽管无法使用CSS选择父元素,但是您可以使用另一种方法来完成任务。 您希望

  • 问题内容: 我试图了解什么对我来说似乎是意外的行为: 我在容器内有一个最大高度为100%的元素,该元素也使用最大高度,但是,出乎意料的是,子代溢出了父代: 但是,如果给定父级的显式高度,则此问题已解决: 有谁知道为什么孩子在第一个例子中不尊重父母的最大身高?为什么需要一个明确的高度? 问题答案: 当您指定的百分比上一个孩子,这是父母的实际高度的百分比,而不是父母的,奇怪的。同样适用于。 因此,如果

  • 我正在做一个物理模拟。 我有一个,它保存模拟中的所有对象。我有一个父类:,还有两个子类:和。 当然,父类没有方法,但每个子类都有。因此,当我在列表中循环绘制每个元素时,它不允许我这样做,因为类中没有方法(因为我将列表定义为

  • 问题内容: 早上好, 我在工作中继承了一些旧代码,并且使用的是一种非常不寻常的设计模式。我在论坛上唯一可以找到的类似模式的参考资料是在这里。情况是原始设计者有一个泛型父类(不是抽象类),该类具有静态工厂方法,该方法直接引用子类。 这是这种编码样式的示例,可在旧版代码的多个地方找到: 其中Log4JLoggerFactory和LogBackLoggerFactory扩展了LoggerFactory。