SASS Nesting and Selectors 2

Question 1

What does the `@at-root` directive do in Sass?

Accepted Answer

Emits styles at the root of the document instead of inside the parent selector

Answer

The `@at-root` directive makes nested rules emit at the document root rather than nested inside the parent.

Question 2

Which selector operator in Sass nesting produces a child combinator (`>`)?

Accepted Answer

Writing `> .child` inside the parent block

Answer

You can write `> .child` inside a parent block to produce a child combinator in Sass.

Question 3

What happens when you use `&` at the end of a selector in Sass, e.g., `.no-js & { }`?

Accepted Answer

It places the parent selector after `.no-js`

Answer

Placing `&` after another selector prepends that selector to the parent, useful for context-based overrides.

Question 4

Which Sass feature allows you to write modular, nested property declarations?

Accepted Answer

Property nesting with namespace prefix

Answer

Sass supports nesting CSS properties that share a namespace prefix like `font-`, `border-`, etc.

Question 5

In Sass, what does `%placeholder` define?

Accepted Answer

A placeholder selector used with `@extend` but not output on its own

Answer

Placeholder selectors (`%name`) define reusable styles that are only output when extended, not on their own.

SASS Practice Test