SASS MCQ (Multiple Choice Questions) With Answers, SASS Online Quiz

1 .

Who is the inventor of SASS?

A)

Hampton Catlin

B)

Misko Hevery

C)

James Gosling

D)

Guido van Rossum

Correct Answer : Hampton Catlin

Explanation : Hampton Catlin is credited as the designer of SASS. SASS was developed by Natalie Weizenbaum and was designed by Hampton Catlin.

2 .

When SASS was initially Released?

A)

November 28, 2004

B)

November 28, 2005

C)

November 28, 2006

D)

November 28, 2007

Correct Answer : November 28, 2006

Explanation :

SASS (Syntactically Awesome Style Sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself.

First appeared : November 28, 2006

Sass was initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein have continued to extend Sass with SassScript, a scripting language used in Sass files.

3 .

What is the correct full form of SASS?

A)

System Asymmetric Style Sheets

B)

Symbolic Asymmetric Style Sheets

C)

Systematic Awesome Style Sheets

D)

Syntactically Awesome Style Sheets

Correct Answer : Syntactically Awesome Style Sheets

Explanation : The correct full form of SASS is Syntactically Awesome Style Sheets.

4 .

How many ways we can use Sass in our application?

A)

We can use Sass in our application as a command-line tool.

B)

We can use Sass in our application as a standalone Ruby module.

C)

We can use Sass in our application as a plugin for any Rack-enabled framework.

D)

All of the Above.

Correct Answer : All of the Above.

Explanation : As all of the above are the different ways to use Sass in the application.

5 .

Which of the following directive is used to detect the errors in SASS?

A)

@error directive

B)

@debug directive

C)

@warm directive

D)

@import directive

Correct Answer : @debug directive

Explanation : The SASS @debug directive is used to detect the errors and display the Sass Script expressions values to the standard error output stream.

6 .

Which of the following is an open-source server-side web application framework?

A)

Rails

B)

Rack

C)

Merb

D)

All of the above.

Correct Answer : Rails

Explanation : Rails is an open-source server-side web application framework. It is written in Ruby and is a model-view-controller (MVC) framework, providing default structures for a database, a web service, and web pages.

7 .

Which of the following is a web application framework that provides speed and modularity to Rails?

A)

Rails

B)

Rack

C)

Merb

D)

All of the above.

Correct Answer : Merb

Explanation : Merb is a web application framework that provides speed and modularity to Rails. It is an MVC framework that is ORM-agnostic, JavaScript library agnostic, and template language agnostic.

8 .

What are the reasons behind using SASS?

A)

It is a pre-processing language which provides its own syntax for CSS

B)

It is more stable and powerful CSS extension and style documents more clearly and structurally

C)

It is a superset of CSS which contains all the features of CSS and is an open source pre-processor, coded in Ruby

D)

All of the Above

Correct Answer : All of the Above

9 .

What is the use of the import function in Sass?

A)

IMPORT takes a filename to import

B)

All imported files are merged into a single outputted CSS file

C)

Can virtually mix and match any file and be certain of all your styles

D)

All of the Above

Correct Answer : All of the Above

10 .

Which of the following directive is used to share rules and relationships between selectors in SASS?

A)

@media

B)

@extend

C)

Both (A) and (B)

D)

None of the above

Correct Answer : @extend

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

11 .

Which of the following are the most attractive features of SASS?

A)

SASS uses its Syntax.

B)

SASS is more stable, powerful, and fully compatible with CSS3.

C)

SASS is time-saving because it facilitates users to write CSS in less code.

D)

All of the Above.

Correct Answer : All of the Above.

Explanation : All of the above are the attractive features of SASS.

12 .

Which of the following directive is used to set the style rule to different media types?

A)

@media

B)

@import

C)

@debug

D)

@extend

Correct Answer : @media

Explanation : The @media directive is used to set the style rule to different media types. Media queries look at the device's capability and can be used to check many things, such as the width and height of the viewport and device, orientation, resolution, and much more.

13 .

Which of the following is the main reason behind using SASS?

A)

SASS is a pre-processing language that provides its syntax.

B)

SASS facilitates us to write codes easily and efficiently, and they are easy to maintain

C)

SASS is a superset of CSS that contains all CSS features and is an open-source pre-processor coded in Ruby.

D)

All of the Above.

Correct Answer : All of the Above.

Explanation : All of the above is the reason behind using SASS.

14 .

What are the key features of SASS?

A)

SASS supports language extensions such as nesting, variables, and mixins.

B)

SASS is a CSS pre-processor with syntax advancements and an extension of CSS3.

C)

SASS has two syntaxes. The first syntax is "SCSS," and it uses the .scss extension.

D)

All of the Above.

Correct Answer : All of the Above.

15 .

What is Rack?

A)

Rack is a Web framework.

B)

Rack is a Web server interface.

C)

Rack is an application framework written in Ruby.

D)

None of the above.

Correct Answer : Rack is a Web server interface.

Explanation : Rack is a web server interface that provides a minimal interface between webservers. It supports Ruby and Ruby's frameworks.

16 .

Why is SASS called a superset of CSS?

A)

SASS is called a superset of CSS because it is better than CSS.

B)

SASS is called a superset of CSS because it is an open-source pre-processor written in the Ruby programming language.

C)

SASS is called a superset of CSS because it contains all the features of CSS.

D)

None of the Above

Correct Answer : SASS is called a superset of CSS because it contains all the features of CSS.

Explanation : SASS is called a superset of CSS because it contains all the features of CSS.

17 .

Which of the following are types of mixin arguments?

A)

Variable Arguments

B)

Keyword Arguments

C)

Both (A) and (B)

D)

None of the Above.

Correct Answer : Both (A) and (B)

Explanation : There are two types of mixin arguments: Keyword Arguments and Variable Arguments.

18 .

Which of the following operator provides the path for the CSS stylesheets in the application?

A)

:css_location

B)

:filename

C)

:load_paths

D)

:template_location

Correct Answer : :css_location

Explanation : The :css_location operator provides the path for the CSS stylesheets in the application.

19 .

Which of the following directive is used to display the SassScript expression value as a fatal error?

A)

@warn

B)

@error

C)

@at-root

D)

None of the Above.

Correct Answer : @error

Explanation : The @error directive is used to display the SassScript expression value as a fatal error.

20 .

What is the correct way to define a variable in SASS?

A)

#primary-color: #888

B)

%primary-color: #888

C)

@primary-color: #888

D)

$primary-color: #888

Correct Answer : $primary-color: #888

21 .

Which of the following directive facilitates you to generate styles in a loop?

A)

@if

B)

@for

C)

@each

D)

@while

Correct Answer : @for

Explanation : The @for directive facilitates us to generate styles in a loop. The @for directive comes in two forms. The first option is @for $var from <start> through <end> which starts at <start> and loops "through" each iteration and ends at <end>. The second option is @for $var from <start> to <end> which starts at <start> and loops through each iteration "to" <end> and stops. Once the directive reaches the <end>, it stops the looping process and does not evaluate the loop that one last time.

22 .

What is the usage of the @include directive in SASS?

A)

It is used to define the mixin.

B)

It is used to include the media.

C)

It is used to include the mixins in the document.

D)

None of the Above.

Correct Answer : It is used to include the mixins in the document.

Explanation : It is used to include the mixins in the document. The styles defined by the mixin can be included in the current rule.

23 .

Why is SASS considered better than LESS?

A)

SASS allows the users to write reusable methods and use logic statements, such as loops and conditions.

B)

LESS facilities you to write a basic logic statement using a 'guarded mixin', equivalent to SASS if statements.

C)

SASS facilitates users to access Compass library and use some awesome features like dynamic sprite map generation, legacy browser hacks, and cross-browser support for CSS3 features.

D)

All of the Above.

Correct Answer : All of the Above.

24 .

What is the use of the @return directive in SASS?

A)

It is used to call the return value for the function.

B)

It is used to include the mixins in the document.

C)

The @return directive in SASS is used to define the mixin.

D)

None of the Above.

Correct Answer : It is used to call the return value for the function.

25 .

What is the use of @at-root directive in SASS?

A)

It is used to set style rules for different media types.

B)

It is used to specify and share the rules and relationships between the selectors.

C)

It is used to import the SASS or SCSS files. It directly takes the filename to import.

D)

It is specified as a collection of nested rules that can make style blocks at the root of the document.

Correct Answer : It is specified as a collection of nested rules that can make style blocks at the root of the document.

Explanation : The @at-root directive in SASS is specified as a collection of nested rules that can make style blocks at the root of the document.

26 .

What are the data types that SassScript supports?

A)

Colors

B)

Numbers

C)

Strings of Texts

D)

All of the Above

Correct Answer : All of the Above

27 .

In which of the following directive, a variable is defined that contains the value of each item in a list?

A)

@if

B)

@each

C)

@for

D)

@while

Correct Answer : @each

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