Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Card with an image gets different padding */ .card:has(img) { padding: 0; } .card:not(:has(img)) { padding: 1.5rem; } /* Form with errors shows error styling */ form:has(input:invalid) .submit-btn { opacity: 0.5; pointer-events: none; } /* Figure that has a figcaption */ figure:has(figcaption) { margin-bottom: 2rem; }
Result
Open