Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Hover state */ .btn:hover { background-color: #1557b0; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,.2); } /* Focus for accessibility */ a:focus-visible { outline: 3px solid #fbbc04; outline-offset: 2px; } /* Zebra striping with nth-child */ tr:nth-child(even) { background-color: #f5f5f5; } /* First paragraph after a heading */ h2 + p:first-of-type { font-size: 1.1rem; } /* Invalid input highlight */ input:invalid { border-color: #d32f2f; background: #ffebee; } /* Everything except the active nav item */ .nav-link:not(.active) { color: #555; }
Result
Open