Question

我有这样的事情：

table {
thead {
    th{
        background-color: @grey-1;
        ...
    }
}
position: relative;
&.option1 {
    thead {
        th {
            background - color: @grey-2;
            ...
        }
    }
} 
&.option2 {
    thead {
        th {
           background - color: @grey-3;
           ...
        }
    }
}
&.option3 {
    thead {
        th {
            background - color: @grey-4;
            ...
        }
    }
}}

我有另一个要插入的类：

.clean {background-color: transparent;}

我的观点是让这张桌子具有透明背景：

<table class = "option1 clean"> </table>

简单地说，我需要通过插入.clean类来改变我的文件，以便“table .option1 .clean”具有透明背景。必须在不将.clean插入每个.optionX类并添加！important。

的情况下完成

任何选项？

非常感谢！

Answer 1

只需在选项下方添加.clean规则（在table下，而不是在每个选项中）：

table {
    &.optionX {
        ...
    }

    &.clean {
        thead {
            th {
                background-color: transparent;
            }
        }
    }
}

如何更改我的css更少的代码没有！重要

1 个答案: