将CSS添加到该文件中,并在更少的时间内生成一个子文件?

将CSS添加到该文件中,并在更少的时间内生成一个子文件?,css,less,Css,Less,以儿童为目标很容易,例如: header { a { color: white; } } 但我要问的是如何分配颜色:白色吗?我可以做到: header { color: white; a { color: white; } } 但这是两次添加相同的内容,我相信有一种更好的方法可以减少。如果你真的想在那里筑巢,那么: header { &, a {color: white} } 有关更多详细信息,请参见。这不是吗&a?它已经嵌套了,所以它不必是&,&a

以儿童为目标很容易,例如:

header {
    a { color: white; }
}
但我要问的是如何分配
颜色:白色吗?我可以做到:

header {
    color: white;
    a { color: white; }
}

但这是两次添加相同的内容,我相信有一种更好的方法可以减少。如果你真的想在那里筑巢,那么:

header {
    &, a {color: white}
}

有关更多详细信息,请参见。

这不是
吗&a
?它已经嵌套了,所以它不必是
&,&a
,对吗?是的,我的错误已修复。当您使用它覆盖已使用更高特异度指定的颜色时,不会发生这种情况。比如在本例中的a。@torazburo这是真的,但这只是一个例子。其他属性可能不会被继承。@torazaburo您可能对examle的处理过于严格。通常我们使用简化的例子来表示问题。而实际代码可能与
标题
a
颜色
无关。此外,在这种特殊情况下,
a
元素实际上是其父标记的颜色属性(因为它已经具有隐式
用户代理
指定的颜色)。