Interview Questions.

Q1. What Are Boolean Operations?

You can perform boolean operations on Sass script through using and, or and no longer operators.

Q2. What Is Import Directive?

It directly takes the filename to import and all of the imported files gets blended in a unmarried CSS document.

Q3. Why To Use Sass?

It is pre-processing language which offers indented syntax (its personal syntax) for CSS.

It allows writing code extra correctly and clean to hold.

It is terrific set of CSS which incorporates all of the capabilities of CSS and is an open source pre-processor, coded in Ruby.

It provides record fashion in true structure format than flat CSS.

It uses re-usable techniques, good judgment statements and some of the constructed in capabilities along with coloration manipulation, arithmetic and parameter lists.

Q4. What Are Advantages Of Sass?

It allows writing clean CSS in a programming assemble.

It enables in writing CSS quicker.

It is superset of CSS which helps designers and developers work extra effectively and quickly.

As Sass is compatible with all variations of CSS, we will use any to be had CSS libraries.

It is viable to apply nested syntax and beneficial capabilities together with shade manipulation, mathematics and other values.

Q5. Mention The Two Types Of Mixin Arguments?

There are two varieties of mixin arguments:

Keyword Arguments

Variable Arguments

Q6. What Is Nested Css Style?

Nested fashion is default styling of SASS. This way of styling may be very useful when you are coping with big CSS documents.

Q7. What Is Variable Defaults?

You can set default values for variables through including !Default flag to the end of the variable fee. It will now not re-assign the price, if it's miles already assigned to the variable.

Q8. What Are Mixin Arguments?

The SassScript values may be taken as arguments in mixins that are given whilst mixin is include and are available as variable inside the mixin.

Q9. List Out Some Features Of Sass?

It is more strong, effective and well matched with variations of CSS.

It is extremely good set of CSS and is primarily based on the JavaScript.

It is referred to as syntactic sugar for CSS which means it makes easier way for user to examine or specific the things more really.

It makes use of its personal syntax and compiles to readable CSS.

You can effortlessly write CSS in less code inside much less time.

It is an open source pre-processor that is interpreted into CSS.

Q10. What Is

In @every directive, a variable is described which contains the price of each object in a listing.

Q11. What Are The Css Specifications For Character Encoding Of Stylesheets?

First it exams for Unicode byte, next @charset announcement and then Ruby string encoding.

Next if not anything is about, then it considers charset encoding as UTF-@

Determine character encoding explicitly by means of the use of @charset announcement. Just use "@charset encoding name" at the start of the stylesheet and SASS will expect that this is the given man or woman encoding.

If output record of SASS carries non ASCII characters, then it will use the @charset assertion.

Q12. How To Write Placeholder Selector In Sass?

SASS helps placeholder selector using class or identity selector. In everyday CSS, these are detailed with "#" or ".", but in SASS they may be replaced with "%".

Q13. What Are Number Operations?

It allows for mathematical operations which includes addition, subtraction, multiplication and department.

Q14. Mention The Different Types Of Operations On The Sass?

There are five styles of operations:

Number Operations

Color Operations

String Operations

Boolean Operations

List Operations

Q15. Which Command Is Used To Watch The File And Update The Css Whenever Sass File Changes?

Sass --watch C:rubylibsassstyle.Scss:style.Css

Q16. What Are Nested Rules In Sass?

Nesting is combining of various common sense structures. Using SASS, we will combine more than one CSS rules within each other. If you're the usage of a couple of selectors, then you could use one selector inner another to create compound selectors.

Q17. What Is

It is used to selectively execute the code statements primarily based at the end result of the evaluating an expression.

Q18. How To Refer Parent Selector In The Sass?

You can choose the figure selector through the use of the & individual. It tells wherein the discern selector ought to be inserted.

Q19. What Is Compact Css Style?

Compact CSS style competitively takes much less space than Expanded and Nested. It focuses specifically on selectors in preference to its properties.

Q20. What Are Color Operations?

It allows the use of coloration additives together with mathematics operations.

Q21. What Are Parentheses In Sass?

Parentheses is pair of signs which can be typically marked off by way of round brackets ( ) or square brackets [] which provides symbolic good judgment that affect the order of operations.

Q22. What Is

It presentations the SassScript expression value as deadly errors.

Q23. What Is Sass Output Style?

The CSS record that the SASS generates includes default CSS style which reflects the shape of record. The default CSS styling is right however may not be appropriate for all situations.

Q24. In How Many Ways You Can Declare Css Properties?

CSS residences may be declared in two ways −

Properties can be declared just like CSS but with out semicolon(;).

Colon(:) might be prefixed to each assets call.

Q25. What Is Sass?

SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor which helps to lessen repetition with CSS and saves time. It is extra solid and powerful CSS extension language that describes fashion of document cleanly and structurally.

Q26. What Is Expanded Css Style?

In elevated output styling, each belongings and rule has its personal line. It takes more space as compared to nested CSS fashion.

Q27. What Is

It detects the errors and display the SassScript expression values to the usual mistakes output flow.

Q28. What Is Shorthand For Writing

You can use = for @mixin directive and + for @include directive which calls for less typing and makes your code simpler, and less complicated to study.

Q29. What Are Comments In Sass?

Comments take up entire line and enclose all the text nested below them and they are line-primarily based in indented syntax.

Q30. What Are Disadvantages Of Sass?

It takes time for developer to learn new functions found in this pre-processor.

If greater range of people running at the identical web site, then will use the identical preprocessor. Some human beings use the Sass and some human beings use the CSS to edit the files at once. So it will become difficult to work with website online.

There are chances of dropping advantages of browser's integrated detail inspector.

Q31. What Is Interpolation In Sass?

It provides SassScript variables in selectors and property names using #  syntax. You can specify variables or assets names inside the curly braces.

Q32. What Are Function Directive?

Using feature directive, you could create your personal feature and use them on your script context or can be used with any price.

Q33. What Is

It is used to outline the mixins that consists of optionally the variables and argument after the call of the mixin.

Q34. What Is Media Directive?

It set style rule to distinct media kinds.

Q35. What Are The Data Types That Is Supported By Sassscript?

SassScript helps seven fundamental statistics kinds:

Numbers (1, 5, 10)

Strings of texts ("foo", "bar")

Colors (blue, #04a3f9)

Booleans (genuine or fake)

Nulls (null)

List of values, separated by way of space or commas (1.5em, Arial, Helvetica)

Maps from one value to every other ( (key 1: value1, key 2: Value 2) )

Q36. What Is

It allows you to generate styles in a loop. The counter variable is used to set the output for each new release.

Q37. In How Many Ways You Can Use The Sass?

You can use SASS in three specific methods:

As a command line device

As a Ruby module

As a plugin for Rack enable framework

Q38. What Is

The @else if statements are used with the @if directive, whenever the @if statement fails then the @else if statements are tried and if in addition they fails then the @else is executed.

Q39. What Is At-root Directive?

It is a set of nested policies which is capable of make style block at root of the record.

Q40. What Are Key Features Of Sass Indented Syntax?

It makes use of indentation instead of  and  to delimit blocks.

To separate statements, it makes use of newlines as opposed to semicolons(;).

Property declaration and selectors ought to be placed on its personal line and statements within  and  must be positioned on new line and indented.

Q41. What Is Compressed Css Style?

Compressed CSS style takes least quantity of space as compared to all other styles. It offers whitespaces best to split selectors and newline on the quit of the file.

Q42. What Is Extend Directive?

It is used to percentage regulations and relationships between selectors. It can extend all every other class styles in one class and can also follow its very own unique patterns.

Q43. What Are Keyword Arguments?

It is used to encompass arguments inside the mixins. The arguments that are named may be surpassed in any order and the default values of argument can be overlooked.

Q44. What Are Variable Arguments?

Variable arguments are used to pass any number of arguments to mixin. It carries key-word arguments exceeded to the function or mixin.

Q45. Name The Two Syntaxes Supported By Sass?

SASS supports  syntaxes specifically SCSS and Indented syntax.

The SCSS (Sassy CSS) is an extension of CSS syntax that makes tons easier to hold huge stylesheets and can apprehend dealer particular syntax and plenty of CSS. SCSS documents use the extension .Scss.

The Indented is an older syntax and every now and then simply called as Sass. Using this shape of syntax, CSS can be written concisely. SASS files use the extension .Sass.

Q46. What Is Interactive Shell?

It evaluates SassScript expression the use of command line. You can run the shell with the sass command line along with -i option.

Q47. Which Command Is Used To Run Sass Code From The Command Line?

Sass input.Scss output.Css

Q48. How Many Types Are There In Comments?

Sass helps two forms of feedback −

Multiline feedback − These are written the usage of /* and */. Multiline feedback are preserved in CSS output.

Single line remarks − These are written using // accompanied by using remarks. Single line remarks aren't preserved in CSS output.

Q49. What Is

It is used to include the mixin inside the report and patterns defined through the mixin can be blanketed into the present day rule.

Q50. What Are List Operations?

Lists represent series of values which can be separated the use of commas or space.