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

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

news 2026/2/9 1:10:59
火狐浏览器使用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

基于FPGA的PID算法学习———实现PID比例控制算法

基于FPGA的PID算法学习 前言一、PID算法分析二、PID仿真分析1. PID代码2.PI代码3.P代码4.顶层5.测试文件6.仿真波形 总结 前言 学习内容：参考网站： PID算法控制 PID即：Proportional（比例）、Integral（积分&…...

编程新知 2026/2/8 18:25:56

【JVM】- 内存结构

引言 JVM：Java Virtual Machine 定义：Java虚拟机，Java二进制字节码的运行环境好处： 一次编写，到处运行自动内存管理，垃圾回收的功能数组下标越界检查（会抛异常，不会覆盖到其他代码…...

编程新知 2026/1/30 13:40:43

条件运算符

C中的三目运算符（也称条件运算符，英文：ternary operator）是一种简洁的条件选择语句，语法如下： 条件表达式 ? 表达式1 : 表达式2• 如果“条件表达式”为true，则整个表达式的结果为“表达式1”…...

编程新知 2025/12/6 22:50:48

ServerTrust 并非唯一

NSURLAuthenticationMethodServerTrust 只是 authenticationMethod 的冰山一角 要理解 NSURLAuthenticationMethodServerTrust, 首先要明白它只是 authenticationMethod 的选项之一, 并非唯一 1 先厘清概念 点说明authenticationMethodURLAuthenticationChallenge.protectionS…...

编程新知 2026/1/29 5:29:57

基于matlab策略迭代和值迭代法的动态规划

经典的基于策略迭代和值迭代法的动态规划matlab代码，实现机器人的最优运输 Dynamic-Programming-master/Environment.pdf , 104724 Dynamic-Programming-master/README.md , 506 Dynamic-Programming-master/generalizedPolicyIteration.m , 1970 Dynamic-Programm…...

编程新知 2025/12/7 23:28:25

Java 二维码

Java 二维码 **技术&#xff1a;**谷歌 ZXing 实现 首先添加依赖 <!-- 二维码依赖 --><dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.5.1</version></dependency><de…...

编程新知 2025/9/6 16:22:45

安宝特方案丨船舶智造的“AR+AI+作业标准化管理解决方案”（装配）

船舶制造装配管理现状&#xff1a;装配工作依赖人工经验&#xff0c;装配工人凭借长期实践积累的操作技巧完成零部件组装。企业通常制定了装配作业指导书&#xff0c;但在实际执行中&#xff0c;工人对指导书的理解和遵循程度参差不齐。 船舶装配过程中的挑战与需求 挑战 (1…...

编程新知 2026/2/6 2:16:18

Spring是如何解决Bean的循环依赖：三级缓存机制

1、什么是 Bean 的循环依赖 在 Spring框架中，Bean 的循环依赖是指多个 Bean 之间‌互相持有对方引用‌，形成闭环依赖关系的现象。 多个 Bean 的依赖关系构成环形链路，例如： 双向依赖：Bean A 依赖 Bean B，同时 Bean B 也依赖 Bean A（A↔B）。链条循环： Bean A → Bean…...

编程新知 2025/7/25 1:21:53

【Linux】Linux 系统默认的目录及作用说明

博主介绍&#xff1a;✌全网粉丝23W&#xff0c;CSDN博客专家、Java领域优质创作者&#xff0c;掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域✌ 技术范围&#xff1a;SpringBoot、SpringCloud、Vue、SSM、HTML、Nodejs、Python、MySQL、PostgreSQL、大数据、物…...

编程新知 2026/1/29 2:30:31

【LeetCode】3309. 连接二进制表示可形成的最大数值（递归|回溯|位运算）

LeetCode 3309. 连接二进制表示可形成的最大数值&#xff08;中等&#xff09; 题目描述解题思路Java代码 题目描述 题目链接&#xff1a;LeetCode 3309. 连接二进制表示可形成的最大数值&#xff08;中等&#xff09; 给你一个长度为 3 的整数数组 nums。 现以某种顺序 连接…...

编程新知 2025/7/5 18:01:05