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

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

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

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

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

相关推荐
智界工具库35 分钟前
【探索前端技术之 React Three.js—— 简单的人脸动捕与 3D 模型表情同步应用】
前端·javascript·react.js
独泪了无痕42 分钟前
研究 Day.js 及其在 Vue3 和 Vue 框架中的应用详解
前端·vue.js·element
努力搬砖的程序媛儿1 小时前
uniapp悬浮可拖拽按钮
java·前端·uni-app
浪浪山小白兔1 小时前
HTML 表单和输入标签详解
前端·html
helianying551 小时前
AI赋能零售:ScriptEcho如何提升效率,优化用户体验
前端·人工智能·ux·零售
Nickyang2 小时前
如何用Trae打造一键登录神器?Chrome插件开发实战
前端·javascript·trae
逆旅行天涯2 小时前
【vitePress】基于github快速添加评论功能(giscus)
前端·github
陈奕迅本讯3 小时前
HTML5和CSS3拔高
前端·css3·html5