SASS (Syntactically Awesome Style sheets) is the next to CSS. SASS is compatible with old versions of CSS. Number of developers developed it. CSS is replaced with SASS and is more stable, powerful while implementing. It has its own set of commands, variables. We have import option which helps in including other css, sass files in the main document. Even though it is new, it is used widely. Good number of positions is available for the candidates. Good knowledge on technology will boost your confidence. Follow our Wisdomjobs page for SASS (Syntactically Awesome Style sheets) interview questions and answers page to get through your job interview successfully in first attempt. Interview questions are exclusively designed for job seekers to assist them in clearing interviews.
Answer :
SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor which helps to reduce repetition with CSS and saves time. It is more stable and powerful CSS extension language that describes style of document cleanly and structurally.
Answer :
Question 3. List Out Some Features Of Sass?
Answer :
Question 4. What Are Advantages Of Sass?
Answer :
Question 5. What Are Disadvantages Of Sass?
Answer :
Question 6. Name The Two Syntaxes Supported By Sass?
Answer :
SASS supports two syntaxes namely SCSS and Indented syntax.
Question 7. In How Many Ways You Can Use The Sass?
Answer :
You can use SASS in three different ways:
Question 8. What Are Nested Rules In Sass?
Answer :
Nesting is combining of different logic structures. Using SASS, we can combine multiple CSS rules within one another. If you are using multiple selectors, then you can use one selector inside another to create compound selectors.
Question 9. How To Refer Parent Selector In The Sass?
Answer :
You can select the parent selector by using the & character. It tells where the parent selector should be inserted.
Question 10. How To Write Placeholder Selector In Sass?
Answer :
SASS supports placeholder selector using class or id selector. In normal CSS, these are specified with "#" or ".", but in SASS they are replaced with "%".
Question 11. Mention The Different Types Of Operations On The Sass?
Answer :
There are 5 types of operations:
Question 12. What Are Number Operations?
Answer :
It allows for mathematical operations such as addition, subtraction, multiplication and division.
Question 13. What Are Color Operations?
Answer :
It allows using color components along with arithmetic operations.
Question 14. What Are List Operations?
Answer :
Lists represent series of values which are separated using commas or space.
Question 15. What Are Boolean Operations?
Answer :
You can perform boolean operations on Sass script by using and, or and not operators.
Question 16. What Are Parentheses In Sass?
Answer :
Parentheses is pair of signs which are usually marked off by round brackets ( ) or square brackets [] which provides symbolic logic that affect the order of operations.
Question 17. What Is Interpolation In Sass?
Answer :
It provides SassScript variables in selectors and property names using #{ } syntax. You can specify variables or property names within the curly braces.
Question 18. What Is Variable Defaults?
Answer :
You can set default values for variables by adding !default flag to the end of the variable value. It will not re-assign the value, if it is already assigned to the variable.
Question 19. What Is Import Directive?
Answer :
It directly takes the filename to import and all the imported files will get combined in a single CSS file.
Question 20. What Is Media Directive?
Answer :
It set style rule to different media types.
Question 21. What Is Extend Directive?
Answer :
It is used to share rules and relationships between selectors. It can extend all another class styles in one class and can also apply its own specific styles.
Question 22. What Is At-root Directive?
Answer :
It is a collection of nested rules which is able to make style block at root of the document.
Question 23. What Is @if Directive?
Answer :
It is used to selectively execute the code statements based on the result of the evaluating an expression.
Question 24. What Is @else If Directive?
Answer :
The @else if statements are used with the @if directive, whenever the @if statement fails then the @else if statements are tried and if they also fails then the @else is executed.
Question 25. What Is @for Directive?
Answer :
It allows you to generate styles in a loop. The counter variable is used to set the output for each iteration.
Question 26. What Is @each Directive?
Answer :
In @each directive, a variable is defined which contains the value of each item in a list.
Question 27. What Is @mixin Directive?
Answer :
It is used to define the mixins that includes optionally the variables and argument after the name of the mixin.
Question 28. What Is @include Directive?
Answer :
It is used to include the mixin in the document and styles defined by the mixin can be included into the current rule.
Question 29. What Are Mixin Arguments?
Answer :
The SassScript values can be taken as arguments in mixins which are given when mixin is include and are available as variable within the mixin.
Question 30. Mention The Two Types Of Mixin Arguments?
Answer :
There are two types of mixin arguments:
Question 31. What Are Keyword Arguments?
Answer :
It is used to include arguments in the mixins. The arguments which are named can be passed in any order and the default values of argument can be omitted.
Question 32. What Are Variable Arguments?
Answer :
Variable arguments are used to pass any number of arguments to mixin. It contains keyword arguments passed to the function or mixin.
Question 33. What Are Function Directive?
Answer :
Using function directive, you can create your own function and use them in your script context or can be used with any value.
Question 34. What Is Sass Output Style?
Answer :
The CSS file that the SASS generates consists of default CSS style which reflects the structure of document. The default CSS styling is good but might not be suitable for all situations.
Question 35. What Is Nested Css Style?
Answer :
Nested style is default styling of SASS. This way of styling is very useful when you are dealing with large CSS files.
Question 36. What Is Expanded Css Style?
Answer :
In expanded output styling, each property and rule has its own line. It takes more space compared to nested CSS style.
Question 37. What Is Compact Css Style?
Answer :
Compact CSS style competitively takes less space than Expanded and Nested. It focuses mainly on selectors rather than its properties.
Question 38. What Is Compressed Css Style?
Answer :
Compressed CSS style takes least amount of space compared to all other styles. It provides whitespaces only to separate selectors and newline at the end of the file.
Question 39. What Are Key Features Of Sass Indented Syntax?
Answer :
Question 40. In How Many Ways You Can Declare Css Properties?
Answer :
CSS properties can be declared in two ways −
Question 41. What Is Shorthand For Writing @mixin And @include Directives?
Answer :
You can use = for @mixin directive and + for @include directive which requires less typing and makes your code simpler, and easier to read.
Question 42. Which Command Is Used To Watch The File And Update The Css Whenever Sass File Changes?
Answer :
sass --watch C:rubylibsassstyle.scss:style.css
Question 43. What Are Comments In Sass?
Answer :
Comments take up entire line and enclose all the text nested under them and they are line-based in indented syntax.
Question 44. Which Command Is Used To Run Sass Code From The Command Line?
Answer :
sass input.scss output.css
Question 45. What Are The Css Specifications For Character Encoding Of Stylesheets?
Answer :
Question 46. How Many Types Are There In Comments?
Answer :
Sass supports two types of comments −
Question 47. What Is Interactive Shell?
Answer :
It evaluates SassScript expression using command line. You can run the shell with the sass command line along with -i option.
Question 48. What Is @debug Directive?
Answer :
It detects the errors and display the SassScript expression values to the standard error output stream.
Question 49. What Is @error Directive?
Answer :
It displays the SassScript expression value as fatal error.
Question 50. What Are The Data Types That Is Supported By Sassscript?
Answer :
SassScript supports seven main data types:
SASS (Syntactically Awesome Style sheets) Related Tutorials |
|
---|---|
CSS3 Tutorial | HTML 5 Tutorial |
SAS Programming Tutorial | Statistics Tutorial |
CSS Advanced Tutorial |
SASS (Syntactically Awesome Style sheets) Related Practice Tests |
|
---|---|
CSS3 Practice Tests | HTML 5 Practice Tests |
SAS Programming Practice Tests | Statistics Practice Tests |
HTML DOM Practice Tests | Scalable Vector Graphics Practice Tests |
All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.