当前位置: 首页 > 知识库问答 >
问题:

javascript - 正确引用的css文件不生效,但是通过程序二次加载却可以正常引用?

王亮
2023-10-24

我使用link标签的re="alternate"以及disabled属性来做页面的皮肤切换。
默认进来页面的link标签是这样子的:
image.png

可以看到默认是使用default.xxx.css这个文件的样式,但是奇怪的是这个文件居然没生效,这个文件里定义的都是css变量,我去引用这个变量的地方看,发现变量没有声明,这个文件的加载完全是正常,不知为何就是不生效。
image.png

然后我通过切换皮肤按钮把皮肤切换到light模式下,然后再切换回default模式,default.xxx.css就生效了。
image.png
image.png

请问这种问题怎么处理?

共有1个答案

包建义
2023-10-24

这个问题我已经解决了,我这个功能在开发环境下是正常的,我看了下开发环境和测试环境的区别,开发环境其它非主题css文件的link标签上并没有title这个属性,但是部署到测试环境下那些非主题文件css的link标签上存在title="undefined"这种属性。

我在mdn看到这么一句话image.png
也就是当引用css的link标签如果存在title属性,就会被当成主题文件,然后第一个拥有title属性的并且引用css的link标签就会被执行,后面拥有title属性并引用css的link标签中的css代码就不会再执行了,所以就出现了这个问题。

所以处理办法就是去掉那些多余的title属性。

 类似资料:
  • 问题内容: 我希望有人可以为我澄清这里发生的事情。我在整数类中挖了一下,但是由于整数 覆盖 了运算符,所以我无法弄清楚出了什么问题。我的问题是这条线: 这是我的推理:我知道java通过值传递(或通过reference的值传递),因此我认为在下面的示例中,整数对象应每次递增。 这是我的预期输出: 这是实际输出。 为什么会这样? 问题答案: 有两个问题: 整数是通过值而不是通过引用传递的。在方法内部更

  • 当我尝试访问我的struts2 tiles应用程序(在google app engine中)时,出现以下错误 与上下文路径[]关联的命名空间和操作名称[]没有映射的操作[未知位置] 下面是堆栈跟踪 堆栈痕迹 我的文件内容是: 我不知道为什么它不加载默认情况下。 请告知。 你好,穆吉尔

  • 通过以下配置,我的测试可以正确地从yaml文件读取属性。 然后我将yaml文件重命名为my-application.yml,并将属性源更改为 由于属性值为null,测试失败。配置类如下所示: 测试类别为: 为什么Spring引导可以找到重命名的yaml文件,但它不能正确加载值?

  • 问题内容: persistence.xml看起来像这样: 这是一个Web项目,因此部署单元是一个war文件。我尝试引用的jar文件位于 WEB-INF / lib / 文件夹中, persistence.xml 位于 WEB-INF / classes / META-INF 文件夹中。部署时,它只是告诉我 “警告:无法找到文件(忽略):file:… / .. / lib / app-service

  • 问题内容: 我最近遇到了这个问题: java.util.NoSuchElementException线程“ Thread-4”中的异常java.lang.IllegalStateException:不在FX应用程序线程上;仅在FX应用程序线程上有效。currentThread =线程4 该代码适用于jdk7,但不适用于jdk8,该代码如下所示: 然后我从以下代码中调用此线程: 我要做的就是从其他具