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

Resets all parent styles

Answer

Creates a new stylesheet scope

Answer

Imports a file at the root level

Question 2

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

Accepted Answer

Writing `> .child` inside the parent block

Answer

Using `child(.child)`

Answer

Using `&child`

Answer

Writing `>> .child`

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

It creates an error

Answer

It outputs the parent selector twice

Answer

It ignores the `.no-js` prefix

Question 4

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

Accepted Answer

Property nesting with namespace prefix

Answer

Variable scoping

Answer

Placeholder selectors

Answer

Function chaining

Question 5

In Sass, what does `%placeholder` define?

Accepted Answer

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

Answer

A variable placeholder

Answer

An optional argument in a mixin

Answer

A CSS custom property

Question 6

What is the primary benefit of Sass nesting over plain CSS?

Accepted Answer

It visually reflects the HTML structure and reduces selector repetition

Answer

It compiles faster

Answer

It produces shorter class names

Answer

It avoids the need for IDs