CSS样式离线工作,只适用于特定的div



我嵌入了一个代码编辑器(从Codejar),一切都很好,直到我尝试在线,所有的CSS工作完美,除了文本编辑器div。我认为这个div的CSS样式不再适用,即使所有的文件都正确上传…

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

By the way

显示离线

显示在线

样式是。editor类下的main.css文件的一部分,只有当我在html页面上编写内联样式时,我才能使其在线工作。


不要认为问题来自CSS文件本身,但无论如何:

.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;}

我想这可能是从html代码链接的css文件(是的,链接的文件上传正确):

<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>

谢谢!

我会尝试清除浏览器的缓存,或者只是暂时绕过它将按ctrl+f5。

另外,在不同的浏览器中尝试一下,看看是否有一些可以工作,而另一些则不行。

最新更新