MENOS: estender um seletor aninhado definido anteriormente
Eu tenho tentado como um homem louco para obter a seguinte declaração LESS para trabalhar, mas agora eu estou com medo de que isso não vai acontecer: / Então eu estou voltando agora para vocês no final para ajudar!
Eu tenho a seguinte declaração:
.top{
&-first{
background:black;
&-item{
color:white;
}
}
&-second{
background:green;
&-item:extend(.top-first-item){}
}
}
Eu estava esperando para obter a seguinte saída:
.top-first {
background: black;
}
.top-first-item,
.top-second-item{
color: white;
}
.top-second {
background: green;
}
Mas infelizmente não compila isso, mas sim:
.top-first {
background: black;
}
.top-first-item{
color: white;
}
.top-second {
background: green;
}