Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// SCSS nesting nav { background: #1e293b; padding: 1rem; ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; } li { display: inline-block; } a { color: white; text-decoration: none; padding: 0.5rem 1rem; border-radius: 6px; transition: background 0.2s; &:hover { background: rgba(255,255,255,0.1); } &.active { background: #6366f1; font-weight: 600; } } }
Result
Open