AZ CSS geliştirmek için kullanıyorum ve bir sınıf içinde bir sınıf yuva yapmaya çalışıyorum. Oldukça karmaşık bir hiyerarşi var ama nedense benim yuvalama çalışmıyor. Bu var:

.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 işe giremiyorum. sadece .g bit gösterir. Eğer bunu yaparsam sorun yok:

.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;
         }
    }

Yuvası .g .posted olsa yapmak istiyorum. Herhangi bir fikir?

.g {
    &.posted {
    }
}

eklemek gerekir "ve" önce .gönderildi