Modern css does not work in Browser source

[jimpalompa]

I'm on macOS Ventura and I'm curious what browser engine OBS is using.

I want to use the :has selector, but it does not work.

:has()

The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. This pseudo-class presents a way of selecting a parent element or a previous sibling element with respect to...

developer.mozilla.org

The CSS :has Selector (and 4+ Examples) | CSS-Tricks

The CSS :has selector helps you select elements when they contain other elements that match the selector you pass into :has().

css-tricks.com

Cheers!

 

[qhobbes]

You can check the version by creating a Browser source with the URL of http://html5test.com/
On OBS 29.1.3 Windows it shows Chrome Dev 103.0506.134.

 

[jimpalompa]

Aah that's smart. For future reference:
On OBS 21.1.3 macOS it shows Chrome Dev 103.0.5060.134

:has() CSS relational pseudo-class is supported in Chrome only since version 105

:has() CSS relational pseudo-class | Can I use... Support tables for HTML5, CSS3, etc

caniuse.com

 

[AaronD]

And with OBS 29.1.3 on Ubuntu Studio Linux, it's Chrome Dev 103.0.5060.134
Same as Jim's Mac.

For those reading later, note the timestamps. This is highly subject to change. :-)

 

[qhobbes]

The 30 Beta 2 still uses Chrome Dev 103.0.5060.134. I don't think it will be updated in the 30 release.