SASS Control Directives

Question 1

Which Sass directive is used for conditional style output?

Accepted Answer

@if

Answer

The `@if` directive evaluates a condition and outputs the enclosed styles only when the condition is true.

Question 2

What is the Sass syntax for an if-else statement?

Accepted Answer

@if condition { } @else { }

Answer

Sass uses `@if` for the condition, `@else if` for additional conditions, and `@else` for the fallback.

Question 3

How do you write a `for` loop in Sass that iterates from 1 to 5 inclusive?

Accepted Answer

@for $i from 1 through 5 { }

Answer

Using `through` in `@for` includes the end value, so `from 1 through 5` iterates 1, 2, 3, 4, 5.

Question 4

What is the difference between `@for $i from 1 to 5` and `@for $i from 1 through 5`?

Accepted Answer

`to` excludes 5; `through` includes 5

Answer

In Sass `@for` loops, `to` stops before the end value while `through` includes it.

Question 5

How do you iterate over a list in Sass?

Accepted Answer

@each $item in $list { }

Answer

The `@each` directive iterates over every item in a list or map, assigning each to the loop variable.

SASS Practice Test