Does there support override style?

[linxiaodi]

My question is that, my table component affected by .vp-doc table. So I wanna override this.

[brc-dd]

https://vitepress.vuejs.org/guide/theme-introduction.html#customizing-css, #199 (comment)

[brc-dd]

@warmthsea Try .image.image or .image.image.image -- it's a popular hack 😅

Here are other ones too: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#tips_for_handling_specificity_headaches

Something like #app .image or #app .Layout .image should also work.

[warmthsea]

@warmthsea Try .image.image or .image.image.image -- it's a popular hack 😅

Here are other ones too: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#tips_for_handling_specificity_headaches

Something like #app .image or #app .Layout .image should also work.

ok，thanks

[linxiaodi]

https://vitepress.vuejs.org/guide/theme-introduction.html#customizing-css, #199 (comment)

Thanks. But my problem is that .vp-doc affects my custom components lib. It cause my table component style error.

[brc-dd]

@linxiaodi Read that comment I linked. You can add a .postcssrc.js file like the one I wrote there. Then you could do stuff like this:

Here they will have styles.

<div class="vp-raw">
    Things inside vp-raw won't have styles.
</div>

[linxiaodi]

Thanks for your help. It works. @brc-dd