Я использую LESS для улучшения моего CSS и пытаюсь вложить класс в класс. Там довольно сложная иерархия, но по какой-то причине моя вложенность не работает. У меня есть следующее:
.g {
float: left;
color: #323a13;
.border(1px,#afc945);
.gradient(#afc945, #c8da64);
.common;
span {
.my-span;
.border-dashed(1px,rgba(255,255,255,0.3));
}
.posted {
.my-posted;
span {
border: none;
}
}
}
Я не могу заставить работать .g.posted
. он просто показывает бит .g
.
Если я сделаю это, все в порядке:
.g {
float: left;
color: #323a13;
.border(1px,#afc945);
.gradient(#afc945, #c8da64);
.common;
span {
.my-span;
.border-dashed(1px,rgba(255,255,255,0.3));
}
}
.g.posted {
.my-posted;
span {
border: none;
}
}
Я бы хотел вложить .posted
в .g
. Есть идеи?