102
CSS finally gets support for if() function (www.techzine.eu)
submitted 2 weeks ago by BrikoX@lemmy.zip to c/webdev@programming.dev
20 comments fedilink hide all child comments

After years of developer frustration and questions on online forums, it’s finally happening: CSS is getting an if() function to apply styling when a condition is met. For the first time, developers can make logical decisions directly in stylesheets, without separate code blocks. This opens up whole new possibilities for web designers.

top 20 comments
sorted by: hot top controversial new old
[-] mormund@feddit.org 15 points 2 weeks ago

Only in Chromium for now. Also I don't see how it adds any new capabilities? I guess it is a little nicer syntax wise in some cases, but I might still prefer SCSS nested declarations instead.

[-] trolololol@lemmy.world 15 points 2 weeks ago

What an abomination

I'm just curious what kind of bad code is going to be around when this gets widespread.

[-] python@lemmy.world 3 points 2 weeks ago

No worries, we really bad web developers have all switched to React long ago 😎 So no CSS here, just Material-UI's "sx" attribute plastered over every single component.

[-] fox2263@lemmy.world 8 points 2 weeks ago

It should be like CSS5 by now with all the stuff they’ve added

[-] phneutral@feddit.org 1 points 2 weeks ago

After CSS3 they switched to rolling releases and dropped any numbers, AFAIK.

[-] SatyrSack@quokk.au 7 points 2 weeks ago

When was the last time a feature this huge was added to CSS?

[-] 0xDREADBEEF@programming.dev 13 points 2 weeks ago* (last edited 2 weeks ago)

CSS Nesting

.foo {
    .nested {
        property: value;
    }
}
[-] ClassifiedPancake@discuss.tchncs.de 10 points 2 weeks ago

@container and @scope were pretty big in my opinion.

[-] Kissaki@programming.dev 4 points 2 weeks ago

Quite regularly, tbh.

[-] phneutral@feddit.org 7 points 2 weeks ago

This breaks with the foundations of CSS. You already can build if-like statements especially since the implementation of custom properties. It doesn’t have to be that explicit — quite the contrary: putting if() into every property will make them bloated and harder to understand.

[-] fubarx@lemmy.world 6 points 2 weeks ago

Slow-walk to plain scripting.

[-] MadMadBunny@lemmy.ca 5 points 2 weeks ago

O.M.G. Finally!!!!

[-] monogram@feddit.nl 4 points 2 weeks ago

Since flexbox I haven’t seen any useful updates to css.

This just gatekeeps alternative browsers from taking part.

[-] XiberKernel@lemmy.world 5 points 2 weeks ago* (last edited 2 weeks ago)

I would argue grid, :has(), var(), and native nesting have been just as important steps forward.

[-] sik0fewl@lemmy.ca 3 points 2 weeks ago

JSSS had this 30 years ago!

[-] 30p87@feddit.org 2 points 2 weeks ago

what

[-] 30p87@feddit.org 1 points 2 weeks ago* (last edited 2 weeks ago)

When <if cond="true"></if> and <set var="x" val="lol">?

[-] TeamAssimilation@infosec.pub 11 points 2 weeks ago

Can’t wait to have business logic in my CSS!

[-] 4am@lemmy.zip 4 points 2 weeks ago

That is HTML not CSS

[-] 30p87@feddit.org 2 points 2 weeks ago

Yeah, that's the point... CSS has conditionals now, so when will we get HTML conditionals and variables?

this post was submitted on 23 Oct 2025
102 points (97.2% liked)

Web Development

4735 readers
9 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago
MODERATORS
snowe@programming.dev
erlingur@programming.dev
Ategon@programming.dev