CSS 任何不使用 URL 作为前身的嵌入图像类型？

Question

一段时间以来，我一直在努力解决这个问题，是否有一种不使用这种特定语法的图像或 URL 嵌入 CSS 或其语言派生词(SASS、LESS 等)？

url:(foo.png) # with or without quotation

我知道 SASS 可以而且确实使用了

asset-url('foo.png', image);

但我将其视为匹配项(由于我的正则表达式公式适用)

我正在寻找的具体内容是例如 HTML 如何处理带有 href 和 src 的 url，尽管这无关我想用它作为示例，因为它以不同的方式使用 url。感谢您花一点时间来测验这个 =)

Answer 1

CSS 只能通过url() 函数来引用图片(即使嵌入的图片数据也是数据url)。然而，编译为 LESS 和 SASS 等 CSS 语言远没有那么直接...

asset-url() 不是 SASS 原生函数。它由 sass-rails gem 提供，因此只能在 Rails 应用程序的上下文中使用。所以 asset-url() 是一个库提供的自定义函数。您甚至可以编写自己的函数，将对 url() 的调用抽象到您自己的自定义 mixins 后面。

如果你想找到在某些 CSS 中引用的所有图像 URL，他们唯一可靠的方法是将它编译成 CSS 然后搜索它，因为这是你知道的唯一方法一定。作为奖励，这种方法适用于您尚未为其编写扫描器的其他 CSS 预处理器，因为您只关心 CSS。