SASS Online Test Questions

Sass Online Test

Take Sass Online Test and evaluate your readiness before you appear for any interview or written test. Consisting of objective type questions from various important concepts of Sass, this test presents you questions followed by four options. The correct answer, explanation, example provided with each question make it easier for you to to understand each concept well.

Who is this Sass Online Test designed for?

All the Front End developers, UI/ UX developers and designers will find this test extremely useful. All freshers, BCA, BE, BTech, MCA and college students wanting to make a career in front end designing will be highly benefitted by this test.

Sass Online Test topics

This online test covers topics like - Control Directives and Expressions, Mixin Directives, Function Directives, Output Style etc.
1. ___________ sets the style rule to different media types.

a. @media
b. @import
c. @extend
d. @debug

Answer: a. @media

Explanation: The @media sets the style rule to different media types. Media queries look at the capability of the device, and can be used to check many things, such as: width and height of the viewport and device, orientation (is the tablet/phone in landscape or portrait mode?), resolution and much more.


2. @debug directive detects the errors and displays the SassScript expression values to the standard error output stream.

a.  True
b.  False

Answer: a.  True

Explanation: The above statement is true. The @debug directive detects the errors and displays the SassScript expression values to the standard error output stream.


3. Which of the following directive is used to share rules and relationships between selectors?

a. @extend
b. @media
c. @extend
d. None of the above

Answer: a. @extend

Explanation: The @extend directive is used to share rules and relationships between selectors. This directive extends all another class styles in one class and can also apply its own specific styles.


4. ___________ directive is a collection of nested rules, which is able to make style block at root of the document.

a. @at-root
b. @media
c. @extend
d. None of the above

Answer: a. @at-root

Explanation: The @at-root directive is a collection of nested rules, which is able to make style block at root of the document. This selector excludes the selector by default. By using @at-root, we can move the style outside of nested directive.


5. Which of the following directive displays the SassScript expression value as fatal error?

a. @error
b. @warn
c. @at-root
d. None of the above

Answer: a. @error

Explanation: The @error directive displays the SassScript expression value as fatal error.


6. In __________ directive, a variable is defined which contains the value of each item in a list.

a. @if
b. @each
c. @for
d. @while

Answer: b. @each

Explanation: In @each directive, a variable is defined which contains the value of each item in a list.