A hub and casual space for you to interact with fellow community members and learn more about Umbraco!

Umbraco

Screenshot looks like browsers that all support it though 🙂

Nested selectors in combination with :host

:host h1 {
    color: red;
}
vs 
:host {
    h1 {
        color: blue;
    }
}

I couldn't find a issue for it on webkit issue tracker, but it seems to be fixed in Safari Technology Preview

That's very interesting, I assume for web components

Exactly. I was using it to select something like
 <custom-element open></custom-element>
and then 
:host([open]) nav {
    display:block
}

I have been experimenting with various ways of using css with web components both with and without shadow dom and also allowing the user to have some control using ::part e.g. https://codepen.io/deanleigh/pen/xxeoyyo
It gets quite complex, especially with a mixture of scoped and global styles required