Architecture & BEM — Quiz

Answer all 5 questions, then submit. You need 60% to pass. Log in to save progress.

Question 1

In BEM, what does card__title represent?

A A modifier of the card

B An element (the title) inside the card block

C A separate block

D An id

Question 2

What does the -- in button--large indicate?

A An element

B A modifier (a variation of the block)

C A comment

D An id

Question 3

What is 'specificity' in CSS?

A How fast a selector runs

B How strongly a selector wins when rules conflict

C The number of properties in a rule

D The file size

Question 4

Which is the more maintainable selector?

A #main .content ul li a span

B .card__link

C They are equal

D Neither works

Question 5

What does reaching for !important usually signal?

A Good CSS architecture

B That specificity has already gone wrong and the selector should be fixed

C Faster rendering

D Better accessibility