Modifying the styles of symbols with the :has() selector

The new :has() selector is very cool. We can use it to modify the style of symbols in Webflow using override fields.
Here we're using a link override field in a symbol to change a symbol's styling from light to dark.
Take a look at the cloneable or the linked blog post to read more.
NB - support for the :has() selector is limited to Safari and Chrome Beta at this point, so it's not quite ready for live sites!