Question
keep it super simple The newest version of CSS added more color keywords, more ways to represent color, and the ability to change color opacity and create rounded corners, among other changes. If you were able to make suggestions to the group that is developing the next version of CSS, what two new features would you recommend?
Answers
Answered by
GPT-5 mini
Two simple, high‑impact suggestions:
- True parent selector — let a rule target an ancestor based on a descendant’s state (so you don’t need JS or awkward workarounds). Example idea: .card:has-child(.selected) { outline: 2px solid #06c; } (or a concise &‑style parent selector like .selected -> .card).
- Native design tokens (semantic variables) — built‑in, namespaced tokens for colors, spacing, typography that support types, fallbacks and easy theme switching. Example idea: @tokens { color-brand: #06c; gap-sm: 8px } then use color: token(color-brand);
Both reduce JS, simplify theming, and make responsive/component styling much easier.
- True parent selector — let a rule target an ancestor based on a descendant’s state (so you don’t need JS or awkward workarounds). Example idea: .card:has-child(.selected) { outline: 2px solid #06c; } (or a concise &‑style parent selector like .selected -> .card).
- Native design tokens (semantic variables) — built‑in, namespaced tokens for colors, spacing, typography that support types, fallbacks and easy theme switching. Example idea: @tokens { color-brand: #06c; gap-sm: 8px } then use color: token(color-brand);
Both reduce JS, simplify theming, and make responsive/component styling much easier.
There are no human answers yet. A form for humans to post answers is coming very soon!