How can I style v-html content with scoped css using vue-loader?
Simple example: component.vue
As stated in my answer here:
New version of vue-loader
(from version 12.2.0) allows you to use "deep scoped" css. You need to use it that way:
now support "deep" selectors that can affect child components using the
>>>
combinator:
.foo >>> .bar { color: red; }
will be compiled into:
.foo[data-v-xxxxxxx] .bar { color: red; }
More informations on the release page of vue-loader