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

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

news 2026/3/30 18:22:41
火狐浏览器使用scss嵌套编写css无法识别问题
  1. 版本：
    “node-sass”: “^4.14.1”,
    “sass-loader”: “^7.3.1”,
  2. vue版本： v2
  3. 问题描述：
    我的文件目录是这样的：
    在这里插入图片描述
    而在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

hive分区表 静态分区和动态分区

一、静态分区 现有数据文件 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

西电B测：基于SystemView的2PSK调制解调全流程仿真解析

1. 2PSK通信系统仿真入门指南 第一次接触SystemView做2PSK仿真时，我也被满屏的波形和参数搞得头晕。后来发现只要抓住几个关键点，这个实验其实比想象中简单得多。2PSK（二进制相移键控）是数字通信中最基础的调制方式之一&#xff…...

编程新知 2026/3/30 17:20:00

【2026唯一认证流式部署标准】：FastAPI 2.0 + Uvicorn 24.8 + ASGI 4.0协同流控协议详解（含OpenTelemetry追踪模板）

第一章：FastAPI 2.0 异步 AI 流式响应的范式演进与2026标准定位FastAPI 2.0 将原生支持全链路异步流式响应（StreamingResponse）与 Server-Sent Events（SSE）语义融合，标志着 AI 应用后端从“请求-响应”单次…...

编程新知 2026/3/30 16:09:06

Cadence实战：从原理图到PCB的完整导入流程解析

1. Cadence设计流程概述 刚接触Cadence的硬件工程师常会遇到一个经典问题：为什么原理图设计得漂漂亮亮，导入PCB时却总出各种幺蛾子？这就像做菜时备好了所有食材，下锅时却发现灶台点不着火。我在带新人时发现，90%的导入…...

编程新知 2026/3/30 15:08:40

用STM32F411和CLion从零搭建三轮全向小车：PID调参、VOFA+上位机调试全记录

用STM32F411和CLion从零搭建三轮全向小车：PID调参、VOFA上位机调试全记录 第一次接触全向轮机器人时，我被它灵活的运动方式深深吸引——不同于传统轮式机器人，它能实现任意方向的平移和旋转。这种独特的移动能力在狭小空间作业、仓储物流等领…...

编程新知 2026/3/30 15:04:40

MAX7319 GPIO输入扩展库：硬件边沿检测与中断驱动实践

1. 项目概述iotec_MAX7319 是一款面向嵌入式系统的轻量级 C 驱动库，专为 Maxim Integrated（现属 Analog Devices）推出的 IC 接口 GPIO 扩展芯片 MAX7319 设计。该芯片并非通用型端口扩展器，而是一款带可屏蔽边沿检测功能的专用输入…...

编程新知 2026/3/30 13:47:10

MusePublic部署案例：离线环境无网络部署与本地模型缓存策略

MusePublic部署案例：离线环境无网络部署与本地模型缓存策略 1. 项目概述 MusePublic是一款专为艺术感时尚人像创作设计的轻量化文本生成图像系统。这个项目基于专属大模型构建，采用安全高效的safetensors格式封装，特别针对艺术人像的优雅姿…...

编程新知 2026/3/30 13:24:57

drprov.dll文件丢失找不到 免费下载修复方法分享

在使用电脑系统时经常会出现丢失找不到某些文件的情况，由于很多常用软件都是采用 Microsoft Visual Studio 编写的，所以这类软件的运行需要依赖微软Visual C运行库，比如像 QQ、迅雷、Adobe 软件等等，如果没有安装VC运行库或者安装…...

编程新知 2026/3/30 11:58:04

Cadence 17.4 PCBEditor 中文菜单设置保姆级教程（含环境变量配置与补丁号查看）

Cadence 17.4 PCBEditor 中文界面配置全攻略：从环境变量到实战技巧 刚接触Cadence Allegro的工程师常被其全英文界面劝退。其实从17.4版本开始，PCBEditor已内置中文支持，只是需要一些"隐藏操作"来激活。本文将手把手带你完成从补丁…...

编程新知 2026/3/30 10:18:10

TranslucentTB：颠覆传统的Windows任务栏透明化解决方案

TranslucentTB：颠覆传统的Windows任务栏透明化解决方案 【免费下载链接】TranslucentTB A lightweight utility that makes the Windows taskbar translucent/transparent. 项目地址: https://gitcode.com/gh_mirrors/tr/TranslucentTB 在当今数字化工作环境…...

编程新知 2026/3/30 9:23:50

OpenClaw隐私增强：nanobot本地模型处理敏感财务数据

OpenClaw隐私增强：nanobot本地模型处理敏感财务数据 1. 为什么选择本地模型处理财务数据 去年我在帮朋友的小公司整理年度财报时，遇到了一个棘手的问题：他们使用的在线财务分析工具要求上传完整的Excel报表到云端服务器。虽然服务商承诺数据…...

编程新知 2026/3/30 8:05:19