105
submitted 10 months ago by BrikoX@lemmy.zip to c/webdev@programming.dev

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.

all 20 comments
sorted by: hot top new old
[-] mormund@feddit.org 15 points 10 months 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 10 months 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 10 months 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 9 points 10 months ago

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

[-] phneutral@feddit.org 1 points 10 months ago

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

[-] phneutral@feddit.org 7 points 10 months 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.

[-] SatyrSack@quokk.au 6 points 10 months ago

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

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

CSS Nesting

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

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

[-] Kissaki@programming.dev 4 points 10 months ago

Quite regularly, tbh.

[-] fubarx@lemmy.world 6 points 10 months ago

Slow-walk to plain scripting.

[-] MadMadBunny@lemmy.ca 5 points 10 months ago

O.M.G. Finally!!!!

[-] sik0fewl@lemmy.ca 3 points 10 months ago

JSSS had this 30 years ago!

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

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

[-] TeamAssimilation@infosec.pub 11 points 10 months ago

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

[-] 4am@lemmy.zip 4 points 10 months ago
[-] 30p87@feddit.org 3 points 10 months 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
105 points (97.3% liked)

Web Development

5796 readers
8 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 3 years ago
MODERATORS