---
title: "CSS if() functions & reading-flow (in Chrome 137) - YouTube"
description: "!https://www.youtube.com/watch?v=Apn8ucs7AL0"
date: 2025-05-28
published: true
tags:
  - css
  - dev
  - thought
  - webdev
template: link
---


<div class="embed-card embed-card-external embed-card-provider-youtube">
  <div class="embed-card-rich">
<lite-youtube videoid="Apn8ucs7AL0" title="CSS if() functions &amp; reading-flow (in Chrome 137)" playlabel="Play: CSS if() functions &amp; reading-flow (in Chrome 137)"></lite-youtube>
  </div>
</div>


css if() just landed, I'm struggling to understand what I an do with this that I can't do with something as old as classes.  I can get it if I don't have control over html creation or js to add classes.  The example that Una shows includes data that could directly be a classname with a set of styles in css rather than this crazy css variable unpacking out of a data attribute and an if statement.