How to override scoped styles in Vue components?

Question

Let\'s save I have a .Vue component that I grab off of Github somewhere. Let\'s call it CompB and we\'ll add a single CSS rule-set there for a blue header:

Answer 1

You will need to add more specificity weight to your css. You have to wrap that component in another class so you can override it. Here is the complete code