在vue项目开发中,发现利用v-html
读取的代码样式不生效,下面编程教程网小编给大家简单介绍一下解决方法!
原因分析:
因为调用了scoped
,所以需要通过样式穿透来>>>
定义样式!
解决方法:
<style scoped>
li >>>.desc{
font-size: 24px;
color: #f00;
}
</style>
以上是编程学习网小编为您介绍的“v-html样式不生效怎么解决”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:v-html样式不生效怎么解决
基础教程推荐
猜你喜欢
- CSS制作树状目录教程 2022-10-16
- ajax无刷新分页的简单实现 2022-12-28
- ajax中的async属性值之同步和异步及同步和异步区别 2022-10-17
- 微信小程序全局配置之tabBar实战案例 2022-10-21
- 使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效 2024-01-22
- 通过JavaScript控制字体大小的代码 2023-12-01
- 爬取360Doc用户馆藏存为html-包括js解密 2023-10-28
- flex中使用css样式修改TextArea滚动条的皮肤代码 2024-03-09
- vue-baidu-map 通过经纬度逆解析地址信息 2023-10-08
- uniapp开发安卓App实现高德地图路线规划导航功能的全过程 2022-10-22