CSS'de değişken ekleme ve değişkeni kontrol etme nasıl yapılır?

Arkadaşlar şimdi yapmak istediğim şey; ben bir değişken atayacağım ve kod bu değişkene göre çalışacak.
Yapmak istediğim şeyin Lua dilinden bir örneği:


Bunun aynısını CSS'de nasıl yapabilirim?
Yani CSS'in belirli bir bölümü değişkene göre aktif ya da deaktif olacak.

Örnek olarak.

CSS conditional statement desteklemez. Bazi hacklerle if-else yaziyormus gibi CSS kurallari belirlersin ama istedigin durumu elde etmek icin Sass gibi CSS preprocessorlari kullanmalisin.

Ya da istedigin logic'i JS kullanarak degerlendirip JS seviyesinde manipulasyon yapabilirsin.
if bilmemne ise element.style('hede hodo') seklinde.