title: Override child component's internal quasar components CSS in VueJS
body: <p>I'm using quasar components in VueJS to make an app. I have a child component being imported in parent component. For the child, I have overrided and applied custom css by accessing the quasar classes directly in its style tag. The problem is after importing child in parent class, the parents css is applied on child. Even if I use scope,module or deep it has no effect as I want to change the quasar components internal root css.</p>
  
  <p>I have also tried setting the child's style on runtime in created() but it does not have any effect and doesn't accept !important keyword as well.  </p>
  
  <p>Is there any way to apply custom child's css on quasar components root/internal css and not let the parent css get applied on child? Please help.</p>