SASS Sass 3

Question 1

What is the result of the Sass expression 10px + 5?

Accepted Answer

15px

Answer

Sass adds the numbers and keeps the unit, producing 15px.

Question 2

Which directive lets a selector inherit the styles of another selector?

Accepted Answer

@extend

Answer

@extend shares a set of CSS properties from one selector to another.

Question 3

What type of selector is created with the % symbol in Sass?

Accepted Answer

A placeholder selector

Answer

Placeholder selectors (e.g. %message) are only output when extended.

Question 4

Which control directive in Sass repeats output a set number of times?

Accepted Answer

@for

Answer

@for loops through a range, useful for generating numbered classes.

Question 5

What does the @if directive provide in Sass?

Accepted Answer

Conditional logic in stylesheets

Answer

@if evaluates a condition and outputs styles only when it is true.

SASS Practice Test