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

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

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

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

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

相关推荐
倔强的钧仔1 分钟前
拒绝废话!前端开发中最常用的 10 个 ES6 特性(附极简代码)
前端·javascript·面试
喔烨鸭3 分钟前
vue3中使用原生表格展示数据
前端·javascript·vue.js
软件开发技术深度爱好者6 分钟前
JavaScript的p5.js库坐标系图解
开发语言·前端·javascript
donecoding15 分钟前
CSS的"双胞胎"陷阱:那些看似对称却暗藏玄机的属性对
前端·css·代码规范
胖鱼罐头16 分钟前
JavaScript 数据类型完全指南
前端·javascript
代码猎人17 分钟前
map和Object有什么区别
前端
Snack17 分钟前
border-radius带来的锯齿问题
前端
代码猎人17 分钟前
Set、Map有什么区别
前端
ETA817 分钟前
不再是切图仔,router拯救了前端工程师
前端·react.js
毕设源码-朱学姐19 分钟前
【开题答辩全过程】以 基于web网络投票系统平台的设计与实现为例,包含答辩的问题和答案
前端