仅针对特定div脱机工作的CSS样式

我正在嵌入一个代码编辑器（来自Codejar），在我在线尝试之前，一切都很好，除了文本编辑器div之外，所有CSS都很完美。我认为这个div的CSS样式不再适用，即使所有文件都正确上传了

<div class="editor language-js" id="editeur" data-gramm="false"> **Sample code** import {CodeJar}... </div>

---

我认为可能是html代码链接了css文件（是的，链接的文件上传正确）：

@导入url（“https://fonts.googleapis.com/css2?family=Lato:wght@300&family=PT+Mono&display=swap”）；

---

谢谢大家!

我会尝试清除浏览器的缓存，或者只是暂时绕过它，然后按ctrl+f5组合键

---

另外，在不同的浏览器中尝试一下，看看是否有一些可用，而另一些不可用。

您好，我看不出您在哪里嵌入了编辑器的样式表。你能在这里创建一个快速的最小可复制的解决方案，让我们看看你的（编码）问题吗？一般来说，如果你的脱机和联机输出不同，你应该检查从外部加载的样式表和脚本（大部分链接以http://或https://开头，而不是进入你自己的域）。

.editor {
width: 100%;
color: #fff;
background: #272822;
border-radius: 0px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
font-family: monospace;
font-size: 14px;
font-weight: 700;
min-height: 240px;
letter-spacing: normal;
line-height: 20px;
padding: 55px;
tab-size: 4;}

    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/svgicons.css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link rel="stylesheet" href="prism/themes/prism-darcula.css">
    <style>
    @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&family=PT+Mono&display=swap");
    </style>