# CSS :has new since 09-2022 Removes the C out of CSS!

**URL:** <https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 27, 2022, 8:19am UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515 "2022-09-27T08:19:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [September 27, 2022, 8:19am UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515/1 "2022-09-27T08:19:51Z")

</div>

Seems i missed something this month…  
Chrome edge and safari have released `:has` selector this month!

Doubt it will be working in the designer anytime soon, but in the browser this is gonna be BIG!  
Gotta get your users to update to the latest version though 😛

I dont seem to be able to search for the posts that i mentioned this feature ( **has** is way to commonly used xd) , so if you remember any, link them so i can finnaly solve them 😃

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [September 27, 2022, 9:30am UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515/2 "2022-09-27T09:30:51Z")

</div>

> [@victordcq](#):
>
> Chrome edge and safari have released `:has` selector this month!

As a non-css guru trying to understand this.

Does this selector essentially look inside the component to see if there is a matching child component inside it? ie. maybe you could look inside a component to see if it contains a specific domId or something like that?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [September 27, 2022, 10:42am UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515/3 "2022-09-27T10:42:12Z")

</div>

yes!  
This basicly removes the C(ascading) out of css :o (not really but still) Its really crazy big

---

<div class="post-metadata">

**Author:** ![kcollins](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kcollins/32/19646_2.png) [@kcollins](https://forum.inductiveautomation.com/u/kcollins)\
**Post date:** [September 27, 2022, 12:38pm UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515/4 "2022-09-27T12:38:27Z")

</div>

I can’t contribute much to this conversation… but I can link some docs! 😃

> **[:has() - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:has)**
>
> The :has() CSS pseudo-class represents an element if any of the selectors passed as parameters (relative to the :scope of the given element) match at least one element.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [October 25, 2022, 3:46am UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515/5 "2022-10-25T03:46:24Z")

</div>

I was reading an [interesting article on the future of CSS](https://www.smashingmagazine.com/2022/10/futuristic-css/?utm_source=tldrnewsletter) today, and this caught my eye causing me to remember this post:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/e/4e37f6d55f08fbad251253d8b1da733461d151f3.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 25, 2022, 6:32am UTC](https://forum.inductiveautomation.com/t/css-has-new-since-09-2022-removes-the-c-out-of-css/64515/6 "2022-10-25T06:32:03Z")

</div>

Some of those seem nice 😃 but like he said its not gonna happen any time soon, and i have my doubts on those html/css charts xd Its gonna be really though to make something worth using there instead of any of the vastily more complex charts with tons of js functions.