style标签没有写lang=“scss“引发的 bug 和反思

遇到了一个问题,有一个css样式问题,在 chrome 浏览器上和 16.0 版本以上的 safari 浏览器完全没有问题,但是在 15.3 版本的safari浏览器上就完全乱套了。

一查发现是我的某个 vue 文件中的style标签忘记写 lang="scss" 了,这就导致所有嵌套的 css 样式都乱套了,都没有生效。

这说明有些高版本的浏览器比如 chrome 和16.0 以上版本的safari,已经开始兼容 css 的嵌套写法了,即便你没有手动生命 lang="scss"

但是在开发过程中还是得注意一下,因为现在很多浏览器还是需要兼容的。

相关推荐
鱼樱前端10 分钟前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js
zhangxingchao22 分钟前
Flutter入门:Flutter开发必备Dart基础
前端
佚名猫32 分钟前
vue3+vite+pnpm项目 使用monaco-editor常见问题
前端·vue3·vite·monacoeditor
满分观测网友z34 分钟前
vue的<router-link>的to里面的query和params的区别
前端·javascript·vue.js
BillKu36 分钟前
Vue3 + TypeSrcipt 防抖、防止重复点击实例
前端·javascript·vue.js
鱼樱前端37 分钟前
Vue3结合three和babylonjs实现3D数字展厅效果
前端·vue.js
Themberfue40 分钟前
Vue ⑥-路由
前端·javascript·vue.js
whatever who cares42 分钟前
React hook之useRef
前端·javascript·react.js
kooboo china.1 小时前
Tailwind CSS 实战:基于 Kooboo 构建 AI 对话框页面(八):异步处理逻辑详解
前端·css·人工智能·编辑器·html·交互
天涯学馆1 小时前
工厂模式在 JavaScript 中的深度应用
前端·javascript·面试