Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <article class="card feature"> <h2>Cascade in action</h2> <p>The dashed border appears because the last matching rule wins.</p> </article> </body> </html>
:root { --brand: #6366f1; } body { font-family: "Inter",sans-serif; background: #f6f8ff; margin: 0; padding: 40px; } .card { padding: 24px; border-radius: 14px; border: 3px solid #cbd5f5; background: #fff; max-width: 420px; } .card.feature { border-color: var(--brand); } .card.feature { border: 3px dashed #f97316; } /* Last rule wins */
