101
CSS finally gets support for if() function (www.techzine.eu)
submitted 1 week 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
[-] trolololol@lemmy.world 15 points 6 days 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 6 days 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.

[-] phneutral@feddit.org 7 points 6 days 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 6 days ago

Slow-walk to plain scripting.

[-] monogram@feddit.nl 4 points 6 days 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 6 days ago* (last edited 6 days ago)

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

[-] mormund@feddit.org 15 points 1 week 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.

[-] fox2263@lemmy.world 8 points 1 week ago

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

[-] phneutral@feddit.org 1 points 6 days ago

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

[-] SatyrSack@quokk.au 7 points 1 week ago

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

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

CSS Nesting

.foo {
    .nested {
        property: value;
    }
}
[-] Kissaki@programming.dev 4 points 6 days ago

Quite regularly, tbh.

[-] ClassifiedPancake@discuss.tchncs.de 10 points 1 week ago

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

[-] MadMadBunny@lemmy.ca 5 points 1 week ago

O.M.G. Finally!!!!

[-] sik0fewl@lemmy.ca 3 points 1 week ago

JSSS had this 30 years ago!

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

what

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

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

[-] 4am@lemmy.zip 4 points 6 days ago

That is HTML not CSS

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

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

[-] TeamAssimilation@infosec.pub 11 points 1 week ago

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

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

Web Development

4719 readers
147 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