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

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

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

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

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

相关推荐
啊~哈15 分钟前
vue3+elementplus表格表头加图标及文字提示
前端·javascript·vue.js
小小小小宇40 分钟前
前端小tips
前端
小小小小宇1 小时前
二维数组按顺时针螺旋顺序
前端
安木夕1 小时前
C#-Visual Studio宇宙第一IDE使用实践
前端·c#·.net
努力敲代码呀~1 小时前
前端高频面试题2:浏览器/计算机网络
前端·计算机网络·html
高山我梦口香糖2 小时前
[electron]预脚本不显示内联script
前端·javascript·electron
神探小白牙2 小时前
vue-video-player视频保活成功确无法推送问题
前端·vue.js·音视频
Angel_girl3192 小时前
vue项目使用svg图标
前端·vue.js
難釋懷2 小时前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo2 小时前
Ajax入门
前端·ajax·okhttp