网站建设款属于什么科目,企业建站服务退役军人,潍坊市住房和城乡建设网站,诸城网站设计解决 viteprees 中 vp-doc 样式影响组件预览
问题
当使用vitepress: 1.0.0-rc.22作为组件库文档时#xff0c;会自动引入vitepress的默认主题#xff0c; 其中vp-doc中有大量的html标签样式
...
.vp-doc table {display: block;border-collapse: …解决 viteprees 中 vp-doc 样式影响组件预览
问题
当使用vitepress: 1.0.0-rc.22作为组件库文档时会自动引入vitepress的默认主题 其中vp-doc中有大量的html标签样式
...
.vp-doc table {display: block;border-collapse: collapse;margin: 20px 0;overflow-x: auto;
}
...导致预览组件样式被影响
未被覆盖样式的组件表现出vp-doc中设置的样式被外部影响导致组件表现不正确。
解决方法
给预览的组件加上vp-raw的 class
at-table classvp-raw :columnscolumns :rowsrows/at-table然后安装postcss
pnpm add -D postcss在项目目录下加入配置文件postcss.config.mjs
import { postcssIsolateStyles } from vitepressexport default {plugins: [postcssIsolateStyles({includeFiles: [/vp-doc\.css/] // defaults to /base\.css/})]
}预览
原.vp-doc table加上了not选择器问题解决。
参考地址 https://vitepress.dev/guide/markdown#raw
