CaseyWei

场景：例如使用v-html加载一些后台返回的一段富文本HTML代码，富文本里包含图片，在手机上图片宽度可能会溢出或者需要设置一些样式。 解决方法：使用vue的深度作用选择器 >>> 即可。 <div v-html="htmlContent" class="rich"></div> <style scope> .rich>...

传送门：https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html 你很可能会遇到的问题 vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但如果你引用了第三方组件： 默认只会对组件的最外层（div）加入这个 ...

每一门技术的出现都是为了解决现存的问题，同样的，Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方文档 中对 Less 的使用有详细的介绍，总结一下为：Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解，那么就可以很快的掌握并在你的项目中使用 Less。