Need Help : Naming Convention Quiz Questions

I think these questions are a bit misleading & pedantic. You probably know all this stuff anyway, but were just thrown by the questions. My understanding of the answers is as follows:

COMPOUND SELECTORS

<!-- Two classes on the same element -->
<div class="compound selector">
    ...
</div>

A compound selector may be used when there are multiple classes on the same element. When you style them in CSS or SCSS, you'd do it as follows:

// SCSS
.compound {
    &.selector {
        background-color: red;
    }
}

// which compiles to:
.compound.selector {
    background-color: red;
}

Note that the & on line 3 of the above code can only be used at the start of the line/before the .selector. Hence the answer to question 1 is false - you can't use the & symbol after the compound class.

PARENT & CHILD SELECTORS

<!-- Parent & Child-->
<div class="parent">
    <div class="child is-selected"></div>
</div>

The code provided in the question would style the html as follows:

.parent {
    color: orange;
    & .is-selected {
        color: red;
    }
}

//would compile to:
.parent {
    color: orange;
}
.parent .is-selected {
    color: red;
}}

The .parent .is-selected would work to style the child block, but it's technically a descendant selector, not a child selector. See this CSS-TRICKS article on Child & Sibling Selectors for more info.

To target the .is-selected child, use the child selector:

.parent {
    color: orange;
    & > .is-selected {
        color: red;
    }
}

//which compiles to

.parent {
    color: orange;
}

.parent > .is-selected {
    color: red;
}

So the answer to the question is false: the SCSS shown would style all .is-selected descendants, not the nested child element specifically. I think?!

Hope this helps.