首页 > 解决方案 > 在不允许使用 CSS 类的 HTML 编辑器中使用 CSS

问题描述

我正在使用 Moodle 向课程添加内容。我想使用使用 CSS 和 Javascript 的手风琴,就像这里的示例一样 ( https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion )。然而,HTML 编辑器无法识别这些类——它们会在代码保存后消失。我工作的学校不想支持 CSS,我能做些什么来让它工作吗?

标签: javascripthtmlcssaccordion

解决方案


我从未听说过 Moodle 编辑器。但是,我相信您应该能够更改它的设置以使用 CSS。我有点怀疑 CSS 根本不起作用并且正在编辑器中消失。但是,为了确定起见,请在您的 CSS 中添加这一行:

html 
{ 
     display: none !important;
}

如果您看到一个空白页面,则意味着 CSS 运行良好。如果您没有发现差异,请尝试检查 html 中的链接标记(您使用了外部 CSS)。如果这不起作用,您可以非常轻松地在线部署您的 CSS 代码,只需使用链接即可。

你为什么要使用特定的编辑器?代码的输出与编辑器无关。编辑器仅用于编辑文件,这些文件由浏览器以不同的方式编译(这就是浏览器具有不同属性兼容性的原因)。我假设您的网站已在线部署,因此您可以进行部署,下载代码并尝试在不同的编辑器中进行编辑,例如 VSCode(Web 开发最常用的编辑器之一)


推荐阅读