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.
