相关疑难解决方法(0)

有没有办法在较少或(一般来说是css3)访问父母background-color而不知道它？

就像是:

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

变量越少是显而易见的方法,但在这种情况下,我根本不知道父变量,background-color因为它可以动态设置样式.

有没有人在她的技巧框中得到帮助？

我希望使用 HTML 数据属性将 a 分配value给 CSS 属性。

基本上我的 HTML 是这样的：

<div class='dynamic-color' data-assigned-color='red'>lorem ipsum</div>
<div class='dynamic-color' data-assigned-color='blue'>lorem ipsum</div>
<div class='dynamic-color' data-assigned-color='green'>lorem ipsum</div>

我希望我的 CSS 类似于：

.dynamic-color {
    color: [data-assigned-color];
}

我目前的工作解决方案是：

.dynamic-color[data-assigned-color='red'] {
    color:red;
}
...

但是，这有几个问题。

1. 当用户通过 UI 向数据库添加值时，我还需要更新 CSS
2. 高度重复的代码

注意：我使用的是 LESS，所以 LESS 或纯 CSS 解决方案是好的。