在vue项目开发中,发现利用v-html
读取的代码样式不生效,下面编程教程网小编给大家简单介绍一下解决方法!
原因分析:
因为调用了scoped
,所以需要通过样式穿透来>>>
定义样式!
解决方法:
<style scoped>
li >>>.desc{
font-size: 24px;
color: #f00;
}
</style>
以上是编程学习网小编为您介绍的“v-html样式不生效怎么解决”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:v-html样式不生效怎么解决


基础教程推荐
猜你喜欢
- Vue 学习 2023-10-08
- JQuery处理json与ajax返回JSON实例代码 2024-01-07
- jquery动画3.创建一个带遮罩效果的图片走廊 2024-02-07
- 基于jQuery UI CSS Framework开发Widget的经验 2024-01-24
- 一个js随机颜色脚本(用于标签页面,也可用于任何页面) 2023-12-21
- JavaScript基础教程之alert弹出提示框实例 2023-12-01
- IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别实例分析 2022-10-18
- Ajax跨域请求COOKIE无法带上的完美解决办法 2023-02-01
- 什么是BFC? CSS 使用伪元素清除浮动的方法 2023-12-27
- 前端(HTML)+后端(Django)+数据库(MySQL):用户注册及登录演示 2023-10-26