Modern CSS

:has()

:has() allows parent and relational styling without extra classes or JavaScript hooks.

CSS code example

.card:has(.error-message) {
    border-color: red;
}

CSS code example

.form-group:has(:focus-visible) {
    outline: 2px solid currentColor;
}

Architecture impact