CSS’e yeni if() fonksiyonu geldi! if/else sistemi CSS'te aslında Temmuz/Ağustos ayı gibi duyuruldu ama çok gündem olmadığı için konu açmak istedim

Artık bir özellik belirli bir koşula göre farklı değerler alabiliyor.

Örneğin tarayıcı grid desteğine sahipse ya da tema “dark” moddaysa CSS bunu algılayıp uygun stili uygulayabiliyor.

Bu yapı sayesinde @media veya @supports gibi sorgulara alternatif daha sade bir çözüm geliyor:

.button {
  background: if(style(--theme: dark): #222; else: #fff);
}

Şu an tüm tarayıcılar desteklemese de ilerleyen zamanlarda standarta dönüşeceğini düşünüyorum.

Meraklasına bir takım kaynaklar:
https://developer.mozilla.org/en-US/docs/Web/CSS/if
https://developer.chrome.com/blog/if-article