Each first nested css rule isn't highlighted properly #40

.useful-class {
    .rule-without-highlight {
        background-color: red;
    }

    .rule-with-highlight {
        background-color: green;
    }

    .another-rule-with-highlight {
        background-color: green;
    }
}

useful-selector {
    selector-without-highlight {
        background-color: red;
    }

    selector-with-highlight {
        background-color: green;
    }

    another-selector-with-highlight {
        background-color: green;
    }
}

:first {
    :first-child {
        background-color: red;
    }

    :nth-child(2) {
        background-color: green;
    }

    :last-child {
        background-color: green;
    }
}