Learning on Web Dev Open is free for all.

ArcadeTiebreak
Arcade

Tiebreak

Phase 01 · Take It ApartPlayable

Predict which declaration survives when origin, layers, specificity and order disagree.

Renderedtarget outlined

The outlined button is the target. Colours here are the resolved cascade, computed by the same code that scores the tuples.

Stylesheetinline, id, class, type
Level 1 of 6Class over class

Two class rules reach the Delete button. Which one paints it?

No pick

Pick the declaration that actually lands on the highlighted element.

Beat itOpen

Add a rule of your own, last in the file, that paints the target and no other button.

0, 0, 0, 0

Write a selector of your own. It is appended last, so ties fall your way.

Run

Specificity is counted per compound selector, not per rule length. `.btn.is-danger` carries two class points; `.btn` carries one.