问题标签 [css-import]

有没有办法将 css 文件注入（而不是导入）另一个 css 文件？

我使用较少并尝试这样做：

但是，上述方法不起作用 - 第三方样式无法呈现，并且我的样式因缺少类而损坏。

（文件位置正确）

这个想法是拥有所有样式标记，media=screen因此我希望所有类都包含在@media screen {}.

所以我想在 style.css 文件中有这样的东西：

等等

或者任何其他如何将第三方样式标记@media screen {}为受欢迎的想法。

我正在阅读 wordpress 主题构建教程，并获得了一个文件夹https://github.com/t-hoff-94/university-static，其中包含一个 JavaScript 文件夹和一个 CSS 文件夹，以及一个“捆绑”文件对于我为实际项目链接到的每种类型。我试图弄清楚他们是如何编译代码的，所以我不必修改捆绑的文件，我可以复制设置。我想要的只是能够有多个文件来组织代码，我很好奇他们是如何导入“3rd 方包”的。

我已经搜索了使用 webpack 执行此操作的方法，但其中大部分似乎是将 css 注入 JavaScript 文件或标题中的样式标记。

我是 Laravel 的新手，我在 Stackoverflow 上阅读了其他一些关于向 Laravel 添加自定义样式的问题。

我创建一个新的 stackoverflow 问题的原因是因为 Laravel 似乎编译了一个app.css，它也加载了 bootstrap。我认为这是通过运行创建的npm run dev，它编译文件夹app.scss中的。resources sass

在那个给定的文件中，引导程序被加载，@import '~bootstrap/scss/bootstrap';我也想用我自己的自定义样式遵循这个原则，这样我就得到了一些类似的东西@import '~mywebsite.css';

这样我最终会得到一个我认为更有说服力的 .css 文件。

解决这个问题的适当方法是什么？此外，正在导入的这种“引导”样式位于何处？我不明白'〜'的位置。

最后但同样重要的是，是否可以对app.js文件使用相同的方法？

非常感谢，

• 查克

在@importCSS 文件中从外部第三方 URL 执行操作时，哪些数据客户端数据将暴露给第三方？

我不太确定第三方是否能够看到我的访问者 IP 地址，这在 GDPR 方面会很有趣。

任何帮助，将不胜感激！

看起来 mdi 在 Web 组件中不起作用，还是我错过了什么？

我想开发一个封装其依赖项的 Web 组件，将链接添加到父文档的工作原理，但它违反了初衷。

https://codepen.io/Jamesgt/pen/MWwvJaw

TLDR；跳到问题部分

背景

我们有一个非常大的单体遗留应用程序。我们正在将功能剥离到一个新的应用程序中。

这两个应用程序在完全不同的架构和技术中构建了截然不同的 UI。由于我们的用户将在两者之间自由导航，目前，我们需要在某种程度上统一 UI，这样过渡就不会那么刺耳。

决定有一个大的 CSS 覆盖样式表，我们只需在旧应用程序的顶部加载它（这样我们就可以花更多时间专注于新应用程序）。这张纸虽然很大，但很有效。

我们的旧版应用程序有一个根 CSS 文件，它包含在每个页面上，不管如何（有些是经典的 ASP，有些使用母版页，有些是手动的）。

问题

所以我们决定在根样式表中使用@import 标签来引入我们的重新样式覆盖。

虽然我们承认阻止页面呈现是一种可怕的反模式，但我们需要这种行为来防止旧 UI 的闪烁，直到覆盖表接管。

我们认为头部中的 CSS 会阻止页面的渲染，直到它加载，但它似乎并没有等待导入的 CSS。这是关于进口的预期行为吗？有没有办法让用户代理等待？任何如何实现这一点的信息将不胜感激。

谢谢

我是反应新手（也是Javascript），在渲染App使用'create-react-app'生成的模板代码的React Component->时，我对输出产生了疑问。
这是 App.js：

应用程序.css：

index.js：

文件目录系统：

在文件App.js中，export default App;exportsApp然后被导入index.js其中用于ReactDOM.render渲染App. 我很难理解如何App.css使用/导入代码index.js？毕竟只是App被导出（默认），它没有明显地使用其中的任何 CSS 代码。我在这里遗漏或解释错误吗？
谢谢阅读。
编辑：
具体来说，我想知道 React 如何将 CSS（导入的）应用于脚本中定义的组件？

我有一个可以导入许多其他 css 文件的 css 文件。css执行的顺序是什么？首先应用哪些 css 规则。？从导入的文件或文件本身？

我知道您无法在 Chrome 上执行此操作，因为我尝试过但失败了。当我运行以下代码时：

在同一文件夹中使用“script.js”文件时，我在 chrome 控制台中收到以下错误： image

我的问题是：

1. 这对所有浏览器都一样吗？
2. 是否有一种解决方法允许您使用 @import 函数导入和运行非 .css 文件？

给定以下文件结构

应用程序.css

https://foo.css/

我该如何阅读--red？

已经试过了

应用程序.tsx

我已经尝试过等待帧setTimeout但requestAnimationFrame无济于事。如果我setTimeout(() => {...}, 10000)有变量，那么我知道这只是一个同步问题，但我不知道如何获取更新。