problem when nesting objects

[Dave]

hi,
i'm new to xcss and have some problems in nesting objects.

that i actually want is something like that:

.class1 {
width: 100px;
position: relative;

.sc1 {
position: absolute;
}
.sc2 {
position: absolute;
left: 800px;
div {
margin-bottom: 10px;
}
a {
display: block;
}
}
}

the css-code that i get out is invalid and looks like this:
.class1 .sc2 a {
display: block;
}
.class1 .sc2 position: absolute;
left: 800px;
div {
margin-bottom: 10px;
}
.class1 width: 100px;
position: relative;

.sc1 {
position: absolute;
}

i tried to define the .class1 stuff outside, but then it got ignored.
same with the .sc2 stuff.

is there a good way how i can solve my issue?

thanks and greetings,
dave

[Anton Pawlik]

you need to use the self { } selector for this. please look into the docs.