SASS Extends and Inheritance 2

Question 1

What CSS output does the following Sass produce: `.a { color: red; } .b { @extend .a; }`?

Accepted Answer

.a, .b { color: red; }

Answer

.a { color: red; } .b { color: red; }

Answer

.b .a { color: red; }

Answer

.b { @include .a; }

Question 2

How does `@extend` interact with a class that has multiple rules?

Accepted Answer

All rules that include the extended selector are inherited

Answer

Only the last rule is inherited

Answer

Only direct property declarations are inherited

Answer

Only media query rules are inherited

Question 3

What is a 'silent' extend in Sass?

Accepted Answer

Extending a placeholder selector that produces no output unless extended

Answer

An extend with `!optional` to suppress errors

Answer

An extend wrapped in a comment

Answer

An extend inside a mixin

Question 4

What happens to a placeholder selector that is never extended?

Accepted Answer

It produces no CSS output at all

Answer

It outputs an empty rule

Answer

It causes a compile warning

Answer

It is treated as a comment

Question 5

Can one placeholder extend another placeholder in Sass?

Accepted Answer

Yes, placeholders can extend other placeholders

Answer

No, placeholders cannot extend each other

Answer

Only if they are in the same file

Answer

Only if they are in the same mixin

Question 6

Why might `@extend` cause issues with specificity in CSS?

Accepted Answer

It generates unexpected combined selectors that may increase specificity

Answer

It always adds `!important` to extended properties

Answer

It reduces specificity to zero

Answer

It removes the class from HTML elements