在vue项目开发中,发现利用v-html读取的代码样式不生效,下面编程教程网小编给大家简单介绍一下解决方法!
原因分析:
因为调用了scoped,所以需要通过样式穿透来>>>定义样式!
解决方法:
<style scoped>
li >>>.desc{
font-size: 24px;
color: #f00;
}
</style>
以上是编程学习网小编为您介绍的“v-html样式不生效怎么解决”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:v-html样式不生效怎么解决
基础教程推荐
猜你喜欢
- elementUI el-table 表格实现手动选择展示列 2022-10-30
- CSS编辑工具Topstyle轻松打造网页风格 2022-10-16
- 基于JavaScript实现除夕烟花秀与随机祝福语 2023-12-08
- 零基础最详细html和css 2023-10-26
- vue项目中的下载或者导出 2023-10-08
- 网页设计学习教程 CSS盒模型 2023-12-08
- JavaScrpt中如何使用 cookie 设置查看与删除功能 2024-01-12
- jQuery实现根据滚动条位置加载相应内容功能 2024-01-17
- js实现弹窗插件功能实例代码分享 2024-01-16
- 常用JavaScript代码提示公共类封装 2023-12-14
