Can't mix scoped and non scoped styles

[icarito]

It is mentioned in VueJS's docs that this is possible: https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles

But trying it didn't work as it seemed to only render the scoped style.

[manatlan]

it should work as expected ... what is the trouble ? (an example ?)

[manatlan]

yes, you're right ... All my tested scope was with ":scope" like this :

<template>
  <div id="y">Hello Worldo</div>
</template>
<style scoped>
  :scope {background:yellow}
</style>
<style>
  div {border:2px solid red}
</style>

and it works, test in https://manatlan.alwaysdata.net/vbuild/index.html but it's weird