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

server/2025/1/24 2:39:37/

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

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

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

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


http://www.ppmy.cn/server/160911.html

相关文章

以太坊深入解析:概念与原理全面剖析

引言 以太坊(Ethereum)作为区块链技术的代表性项目之一,自2015年发布以来,迅速成为全球区块链行业的核心基础设施。相比比特币,以太坊不仅支持点对点的价值转移,还引入了智能合约,使其能够承载…

FPGA 开发工作需求明确:关键要点与实践方法

FPGA开发工作需求明确:关键要点与实践方法 一、需求明确的重要性 在FPGA开发领域,明确的需求是项目成功的基石。FPGA开发往往涉及复杂的硬件逻辑设计、高速信号处理以及与其他系统的协同工作。若需求不明确,可能导致开发过程中频繁变更设计…

利用R计算一般配合力(GCA)和特殊配合力(SCA)

前记 一般配合力(General Combining Ability, GCA)和特殊配合力(Specific Combining Ability, SCA)是杂交育种中用于评估亲本组合潜力的重要概念,具体定义和区别如下: 一般配合力(GCA) 定义:GCA是指一个自交系与其他多个自交系杂交时,其杂交后代在某一性状(如产量)…

【GitHub】登录时的2FA验证

一、如何进行2FA认证 1.在你的浏览器中下载 Authenticator身份验证插件 2.使用身份验证器添加凭证 2.1 使用身份验证器扫描验证二维码 选择扫描二维码

实践深度学习:构建一个简单的图像分类器

引言 深度学习在图像识别领域取得了巨大的成功。本文将指导你如何使用深度学习框架来构建一个简单的图像分类器,我们将以Python和TensorFlow为例,展示从数据准备到模型训练的完整流程。 环境准备 在开始之前,请确保你的环境中安装了以下工…

【Unity3D实现雨下在窗户上的效果】

系列文章目录 unity工具 文章目录 系列文章目录👉前言👉一、效果展示👉二、原理👉三、使用步骤3-1、shader代码纹理映射数学运算和函数的运用特效算法的实现高效的性能优化👉壁纸分享👉总结👉前言 想要好看的效果肯定是要用shader实现啦,为什么呢? 因为Shade…

jeecg后端登录接口

jeecg后端登录接口 /sys/loginLoginController.java

【ElementPlus】在Vue3中实现表格组件封装

预览 搜索筛选组件 <template><div><el-formref"formView":model"formData"label-width"auto"label-position"right":label-col-style"{ min-width: 100px }":inline"true"><el-form-item …