当前位置：首页 > news >正文

火狐浏览器使用scss嵌套编写css无法识别问题

news 2026/2/7 14:21:25

火狐浏览器使用scss嵌套编写css无法识别问题

版本：
“node-sass”: “^4.14.1”,
“sass-loader”: “^7.3.1”,
vue版本： v2
问题描述：
我的文件目录是这样的：

而在scss文件中我是这样书写的

.vue文件中

在火狐浏览器中
在这里插入图片描述
在谷歌浏览器中

初步排查发现嵌套结构的scss在火狐浏览器中没有相应的css样式，而在谷歌中没有出现相同的问题。
再次想问下大家为什么会发生这样的问题以及解决方案

火狐浏览器使用scss嵌套编写css无法识别问题

火狐浏览器使用scss嵌套编写css无法识别问题版本： “node-sass”: “^4.14.1”, “sass-loader”: “^7.3.1”,vue版本： v2问题描述： 我的文件目录是这样的： 而在scss文件中我是这样书写的 .vue文件中在火狐浏览器中在谷…...

编程日记 2023/8/31 21:20:25

Kotlin的Lambda闭包语法

Lambda 表达式是一种在现代编程语言中常见的特性，它可以用来创建匿名函数或代码块，使得将函数作为参数传递、简化代码以及实现函数式编程范式变得更加便捷。Lambda 表达式在函数式编程语言中得到广泛应用，也在诸如 Java 8 和 Kotlin 等主流编…...

编程日记 2023/8/31 21:19:23

day-01 Docker

一、docker简介 Docker 是一种开源的容器化平台，它可以帮助开发人员将应用程序及其依赖项打包成一个独立的、可移植的容器，而无需担心环境差异和依赖问题。通过使用 Docker，您可以更轻松地创建、分发和运行应用程序，无论是在开发、…...

编程日记 2023/8/31 21:18:22

ARM开发，stm32mp157a-A7核SPI总线实验（实现数码管的显示）

1.目标： a.数码管显示相同的值 0000 1111 ......9999； b.数码管显示不同的值 1234； 2.分析m74hc595芯片内部框图； 真值表： 3.代码； ---spi.h头文件--- #ifndef __SPI_H__ #define __SPI_H__#include &quo…...

编程日记 2023/8/31 21:17:20

思路灰度传感器及红外传感器线序

四路红外传感器黑线读取数据为0 白线读取数据为1 四路灰度传感器黑线读取数据为1 白线读取数据为0...

编程日记 2023/8/31 21:16:19

squid服务器

目录 squid初识安装squid代理常用命令主要配置文件正向代理环境配置 linux服务器设置 windows客户端设置反向代理环境配置在web服务器配置服务 linux服务器配置 squid初识含义：squid cache是一个流行的自由软件（GNU通用公共许可证…...

编程日记 2023/8/31 21:15:18

spring的后置处理器BeanPostProcessor

什么是BeanPostProcessor 是spring IOC容器给我们提供的一个扩展接口在调用初始化方法前后对bean进行额外加工，ApplicationContext会自动扫描实现了BeanPostProcessor的bean，并注册这些bean为后置处理器是bean的统一前置后置处理而不是基于某一个bean 执…...

编程日记 2023/8/31 21:14:17

vue、uniapp中动态添加绑定style、class 9种方法实现

9种方法介绍直接使用静态class和style属性： 使用场景：当class和style属性是固定不变的时候，可以直接在模板中写死。优点：简单直接，没有额外的计算和逻辑。缺点：无法根据条件动态修改class和style。使用v…...

编程日记 2023/8/31 21:13:16

【CicadaPlayer】seek ：SeekInCache(int64_t pos)的实现

SuperMediaPlayer::SeekInCache(int64_t pos) 的实现 seek的pos就是pts值。缓冲是list，那么插入的包是按照到达的顺序插入到list的，也就是无排序的。包的pts 正常应该单调连续，即使不单调连续，缓存也不在意。seek的操作主要是先比较pos与mCurrentPos ，pos 比 mCurrentPos …...

编程日记 2023/8/31 21:12:15

【C/C++】x -x 的含义

1、含义 -x 的值，其实就是在x的值的基础上进行按位取反（~x）之后在增加1所得（C语言中，-x实现是用取反1实现）也就是说：x & -x x & (~x 1) 2、x 为偶数当一个奇数 1时，表示…...

编程日记 2023/8/31 21:11:14

[ZenTao]源码阅读：加载自定义任务类型

www/index.php config/config.php framework/base/router.class.php tmp/model/common.php module/common/model.php framework/router.class.php...

编程日记 2023/8/31 21:10:13

一、静态分区现有数据文件 data_file 如下： 2023-08-01,Product A,100.0 2023-08-05,Product B,150.0 2023-08-10,Product A,200.0 1、创建分区表 CREATE TABLE sales (sale_date STRING,product STRING,amount DOUBLE ) PARTITIONED BY (sale_year INT, sale_mon…...

编程日记 2023/8/31 21:09:11

java八股文面试[多线程]——ThreadLocal底层原理和使用场景

源码分析： ThreadLocal中定义了ThreadLocalMap静态内部类，该内部类中又定义了Entry内部类。 ThreadLocalMap定了 Entry数组。 Set方法： Get方法： Thread中定义了两个ThreaLocalMap成员变量： Spring使用ThreadLocal解…...

编程日记 2023/8/31 21:08:07

Android hid发送apdu格式数据

在 Android 中，如果你想通过 HID（Human Interface Device）发送 APDU 格式的数据，通常会涉及 USB HID 设备或蓝牙 HID 设备。HID 协议通常用于键盘、鼠标和其他输入设备，而不是直接与智能卡进行通信。然而，如…...

编程日记 2023/8/31 21:07:06

Unity碰撞检测（3D和2D）

Unity碰撞检测3D和2D 前言准备材料3D2D 代码3D使用OnCollisionEnter()进行碰撞Collider状态代码使用OnTriggerEnter()进行碰撞Collider状态代码 2D使用OnCollisionEnter2D()进行碰撞Collider2D状态代码使用OnTriggerEnter2D()进行碰撞Collider2D状态代码区别3D代码OnCollisi…...

编程日记 2023/8/31 21:06:05

android:控件TextView

一、系统学习Android控制键TextView，我的笔记里面有尝试学着使用自定义控件。二、具体内容 1.如果在代码中给textView赋值，在xml中也给textView赋值了最后运行出来的结果显示代码中赋的值。因此得出结论，代码中的赋值会覆盖xml所附的值。 …...

编程日记 2023/8/31 21:05:03

3D风速仪 Gill Instruments Limited_R3-50 R3-100 and R3A -100 Manual

R3测量超声波脉冲从上部换能器到相反的下部换能器所花费的时间，并将其与脉冲从下部换能器到上部换能器的时间进行比较。同样，在其他上下换能器之间比较时间。如图1所示，每对换能器之间沿轴的空气速度可以从每条轴上的飞行次数计算出来。 …...

编程日记 2023/8/31 21:04:02

深度学习怎么学？

推荐这本小白看的《深度学习：从基础到实践（上下册）》。深度学习：从基础到实践（上下册） 深入浅出的讲述了深度学习的基本概念与理论知识，不涉及复杂的数学内容，零基础小白也能轻松掌…...

编程日记 2023/8/31 21:02:59

WPF 数据验证

WPF提供了能与数据绑定系统紧密协作的验证功能。提供了两种方法用于捕获非法值： 1、可在数据对象中引发错误。可以在设置属性时抛出异常，通常WPF会忽略所有在设置属性时抛出的异常，但可以进行配置，从而显示更有帮助的可视化指示…...

编程日记 2023/8/31 21:01:58

IDEA的maven想显示层级关系，而非平级

新版和旧版的IDEA的位置不一样，2023.2.1的版本在右上角的“” 这个位置如图所示： 然后点击按模块分组：...

编程日记 2023/8/31 21:00:57

调用支付宝接口响应40004 SYSTEM_ERROR问题排查

在对接支付宝API的时候，遇到了一些问题，记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

编程新知 2026/2/4 16:30:39

React hook之useRef

React useRef 详解 useRef 是 React 提供的一个 Hook，用于在函数组件中创建可变的引用对象。它在 React 开发中有多种重要用途，下面我将全面详细地介绍它的特性和用法。基本概念 1. 创建 ref const refContainer useRef(initialValue);initialValu…...

编程新知 2025/6/11 15:21:26