查找从 SASS 编译的 CSS 文件的来源

2023-12-29

我正在开发的项目有一个复杂的样式表库,其中包含多个 scss 供应商库以及许多填充有 scss 文件的文件和文件夹,这些文件和文件夹被编译为单个 css 文件。

当我想对 css 进行简单的更改时,我必须花费大量时间在文件结构中搜索源 scss 文件。通常我只会使用浏览器中的开发人员工具,但这仅显示 css 文件的样子,并且大多数时候这些类是从多个源创建并相互覆盖的,因此 scss 看起来不像中的 css结束。

有没有一种简单的方法可以找到从scss编译的css的来源?


以下链接展示了如何在 Google Chrome 上启用 SASS 文件的源映射。有了这个,你就可以做你想做的事http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

查找从 SASS 编译的 CSS 文件的来源 的相关文章

  • 在 Selenium 中自动执行下拉菜单而不选择

    我正在尝试使用 Selenium 从下拉列表中选择一个元素 我已经能够选择下拉列表 但我不知道如何从下拉列表中选择特定元素 因为该网站不使用 select 因此我无法使用内置的 select 类 作为参考 这是下拉列表中元素之一的 HTML
  • CSS 字体显示功能是什么?

    对于我的网站 我从 Google 的 PageSpeed Insights 获得以下反馈 利用字体显示 CSS 功能确保加载 Web 字体时文本对用户可见 这意味着什么 CSS font display允许您控制网络字体在加载时 加载后如何
  • 嵌套在另一个内联块元素中的内联块元素具有 offsetTop

    我刚开始学习 HTML 现在我有一些代码 例如 div style height 300px width 500px font size 6 div style display inline block background pink wi
  • 尝试将星号添加到必填输入字段

    我想我不太明白 before and after因为我无法让这个工作 我只是想在表单中的必填字段后添加一个星号 我的代码很简单
  • 使用 CSS 修复自定义字体行高

    在我正在开发的新网络应用程序上使用自定义字体时 我遇到了一个奇怪的问题 这种自定义字体 FF DIN 似乎具有自然垂直的偏离中心的行高 这迫使我放置一些顶部填充黑客来补偿按钮和输入等元素的顶部空间 示例 绿色字体 Helvetica Neu
  • CSS 字体不起作用

    我正在尝试向我的网站添加自定义字体 我尝试了很多事情但没有成功 这是我的CSS代码 font face font family myFirstFont src url ellis ttf body margin 0 padding 0 wi
  • 如何制作可扩展的文本框?

    我想制作一本以给定宽度 高度开始的教科书 然后 如果用户输入的内容超过给定的空间量 文本框就会向下扩展 我该怎么做呢 我使用 CSS 吗 当用户超过允许的行数时 基本文本框仅显示滚动条 如何使文本框将行数再扩展 5 行
  • 制作一个透明的圆形按钮,带有不透明边框和文本/字体很棒的图标

    基本上我想要一个性感的 反应灵敏的圆形按钮 它是透明的 这样你就可以通过它看到背景 但有一个不透明的轮廓 这样你就可以看到按钮和不透明的文本 或者也许我会在稍后阶段添加一个字体很棒的图标 这是我的 JS 小提琴 这样你就可以看到我正在尝试做
  • 带有透明边框的响应式箭头进度条

    我正在尝试构建一个进度条 如结帐中常见的那样 问题是 箭头之间的边界是透明的 整个事情应该是反应灵敏 到目前为止我已经明白了 http codepen io MrBamblele pen rVBeoz http codepen io MrB
  • -webkit-overflow-scrolling:触摸;无效的属性值

    我不明白为什么这不起作用 我把它放在我的 html 和正文中 它仍然显示无效的属性值并被划掉 我首先尝试在媒体查询中使用它 但它在那里不起作用 有谁知道它对我不起作用的潜在原因 谢谢你 html body width 100 height
  • jquery - 如何根据我的滚动位置滚动顶部动画到下一个可见的 div/类?

    如果标题有点模糊 请原谅我 因为我不知道如何写下来 基本上 我们有一个包含 6 个 场景 的页面 他们都有班级 scene和不同的 ID 例如 scene1 scene2 etc 首先 我们必须动态更改每个场景的颜色 gt 场景 1 是浅色
  • 如何使h1标签以其实际宽度居中

    我需要使 h1 标签居中 还需要在其周围制作边框 为了防止占用更多宽度 我给出display inline block但标签没有响应text align center then h1 text align center border 1px
  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • IE8/9 - CSS 文件的最大字节数

    我目前正在开发的应用程序有过多的 CSS 样式 我们似乎已经达到了 IE8 9 以及它可以加载的 CSS 数量的某种限制 在某些时候 它会停止解释 CSS 从而破坏某些页面上的样式 我们正在使用 Combres 来压缩 缩小导致 CSS 文
  • 未使用 Font Family Open Sans

    我在用谷歌的 Open Sans 字体 http www google com fonts UsePlace use Collection Open Sans在我的应用程序中 我已经按照指示定义了样式表 然后我在主体选择器上使用它 body
  • 占位符不适用于 Internet Explorer

    我的应用程序出现了小问题 Internet Explorer 11 上不存在占位符 我尝试了下面的 CSS 示例 但没有成功 ms input placeholder IE10 11 color ccc important font wei
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • Django 未在 404 页面上应用应用程序中的 CSS 文件

    姜戈3 0 8 Python 3 7 x 我有一个包含一些应用程序的 Django 项目 我正在尝试为 400 403 404 500 错误制作一些 默认 错误页面 我已经这样做了 并显示了适当的模板 但没有任何样式或 JS 在 404 错
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • LESS CSS 在媒体查询中设置变量?

    我正在开发一个专门针对 iPad 的网站 为了使我的网站能够在视网膜显示屏 iPad 和旧版本 iPad 上运行 我想在媒体查询中的 LESS CSS 中设置一个变量 例如 media all and max width 768px rat

随机推荐

  • 如何获取android的native方法源码

    是否可以获取并观看Android程序组件的本机方法代码 如果有人知道如何做 请告诉我 您可以使用 查找 Android 本机方法的源代码 以下服务之一 AndroidXRef http androidxref com GitHub http
  • Python 列表值被覆盖,为什么?

    我有一个收件人查询包含两个收件人ID 1 和 2 我循环遍历每一个来构建 json 输出 data this tem for item in recipients this tem recipient id item pk data app
  • 用于验证的数据注释,至少有一个必填字段?

    如果我有一个包含字段列表的搜索对象 我可以使用 System ComponentModel DataAnnotations 命名空间将其设置为验证搜索中至少有一个字段不为 null 或空吗 即所有字段都是可选的 但至少应输入一个字段 我扩展
  • 如何检查 iPython 中对象的内存使用情况?

    我正在使用 iPython 来运行我的代码 我想知道是否有任何模块或命令可以让我检查对象的内存使用情况 例如 In 1 a range 10000 In 2 memusage a Out 2 1MB 就像是 memusage 并返回该对象使
  • 负载4096字节是否包含registration_id长度?

    在Android GCM文档中 据说有效负载最多为4096字节限制 负载的 4096 字节是否包括 Registration id 长度 我发现我可以发送一条有效负载为 16038 字节 包括 Registration ids 的消息 它不
  • PHP - 没有数据库存储信息

    我将改进 Apache 和 PHP 中的一个网站 该网站的页面上有一个包含文件列表的表 我的目标是允许用户根据某些特定和主观标准将这些文件之一设置为 重要 文件 为了做到这一点 我想以某种方式存储有关最 重要 文件的信息 但限制是我既不能使
  • 如何在 AWS Cloudformation 的“输出”中获取子网的“cidrblock”?

    我正在编写 AWS 代码结构 我必须打印子网的 Cidrblock 但这是行不通的 请帮忙 Resources Subnet Type AWS EC2 Subnet Properties VpcId Ref VPC CidrBlock 10
  • P2 存储库聚合器

    我们有几个内部 p2 存储库 每个存储库都有许多不同功能的版本 我们需要为客户提供一个外部更新站点 我们只想聚合特定功能的特定版本 聚合 它们是一个好方法 工具吗 例如我们有一个 p2 存储库repo1有特色feature1有版本1 0 0
  • 如何在数组中选择随机元素以避免(除非它是)某个值?

    例如 当用户连接到此应用程序时 他们会获得一个 userid var 然后将其插入到数组中 所以 我正在使用 chosenUser usersOnlineArray Math round Math random usersOnlineArr
  • # 的未定义方法“访问”(NoMethodError)[rspec]

    当我尝试运行 rspec 测试时出现以下错误 srv offerme spec requests static pages spec rb 13 undefined method visit for
  • 跳转到节点层次结构中的特定 SKNode

    我注意到 SKNode 方法children and childNodeWithName 顾名思义 仅返回查询节点正下方子节点的结果 IE root children 将返回一个NSArray包含节点 CUBE1 CUBE2 CUBE3 在
  • 无法通过应用程序配置连接自定义跟踪侦听器类 - ConfigurationErrorsException

    更新 现在不需要回答这个问题 我已经在下面解决了 您好 我正在尝试在 NET 中实现自定义跟踪侦听器 但在通过配置文件添加跟踪侦听器时遇到问题 我在堆栈溢出上找到了类似的帖子 但它似乎没有帮助 如何在 app config 中定义自定义 T
  • 为什么 Queue(T) 和 Stack(T) 不实现 ICollection(T)?

    在我提问之前 让我先给出一个显而易见的答案 The ICollection
  • 在 WP8 应用程序中反序列化 XML

    我正在尝试开发一个 Windows Phone 8 应用程序 我是 wp8 开发人员的新手 我有一个如下所示的 XML 文件
  • 在 ionic 3 应用程序中使用 JWT 进行身份验证

    我有一个 ionic 3 应用程序 我想在其中使用 touchId 功能 后端 API 正在 net 中开发 对于我的身份验证模型 我认为在用户输入登录名和密码并通过服务器身份验证后 它会发回 JWT 令牌 我可以将令牌存储在本地 然后每次
  • 我可以修改并排程序集搜索顺序吗?

    我有一个 Windows C 软件项目 使用 Visual Studio 2005 SP1 构建 具有以下 简化的 文件布局 App Root Directory bin Microsoft VC80 CRT Microsoft VC80
  • 如何使用 pymongo 将集合转储到 json 文件

    我正在尝试将集合转储到 json 文件 但在查看 pymongo 教程后 我找不到任何与之相关的内容 教程链接 https api mongodb com python current tutorial html https api mon
  • JBoss 再次 vs Tomcat [已关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 当我将图像上传到数据库时,nonetype'对象没有属性'解码'错误

    我是 ionic4 angular4 的新手 我需要将个人资料图片上传到数据库 我编写了代码 但我不知道它是否正确 当我上传它时 我收到上述错误 支持我正在使用 Django 对于不好的缩进感到抱歉 我只是编程初学者 ts async se
  • 查找从 SASS 编译的 CSS 文件的来源

    我正在开发的项目有一个复杂的样式表库 其中包含多个 scss 供应商库以及许多填充有 scss 文件的文件和文件夹 这些文件和文件夹被编译为单个 css 文件 当我想对 css 进行简单的更改时 我必须花费大量时间在文件结构中搜索源 scs