CSS 已加载但未应用
[英]CSS Loaded but not being applied
问题描述
我知道已经有人问过了，但是那个人打错了，答案提到了萤火虫，所以它不是最新的（并且已经关闭）。
在WordPress中，我注意到主文件style.css没有被应用，具体来说：
- 文件已正确加载
- 它的 styles 未被应用
当我检查元素时，我知道某个元素是 style.css 的目标，但根本没有来自 style.css 的元素（检查元素的样式选项卡）。 我检查了几个元素。
它通过 WordPress 加载（使用 _underscores 生成的未更改调用）：
wp_enqueue_style( 'themexzz-style', get_stylesheet_uri(), array(), _S_VERSION );
这是生成的链接（点击它就像它应该的那样）：
<link rel='stylesheet' id='themexzz-style-css' href='http://localhost:8012/themexzz/wp-content/themes/themexzz/style.css?ver=1.0.0' media='all' />
我在用着
- Xampp 与 php 7.2.3
- 与 wordpress 5.5.3
- 元字符集 =“UTF-8”
- 数据库排序规则是 utf8mb4_unicode_ci
- 这是一个下划线生成的主题
提前致谢。
2 个解决方案
解决方案1
0 已采纳 2020-11-14 16:56:20
@Xhynk - 你是对的。 这是：
您可能在该文件的开头有无效的 CSS 方式，阻止了正在应用的 CSS 的所有 rest
因为它是一个下划线主题，我从另一个文件应用了我自己的 CSS，所以我什至没有想到 style.css 中可能有无效的 CSS
谢谢@Xhynk
解决方案2
0 2020-11-14 17:18:27
head标签中CSS个文件的position也很重要，假设你在head标签中加载了2个CSS文件
<link rel='stylesheet' href="..../style.css">
<!--(have property of background color blue and text white)-->
<link rel='stylesheet' href="..../mycss.css">
<!--(have property of background color white and text black)-->
如果您按此顺序放置标签
<head>
<link rel='stylesheet' href="..../style.css">
<link rel='stylesheet' href="..../mycss.css">
</head>
这两个文件都将被加载，但 CSS 将应用于 myss.css 文件，这是因为 CSS 覆盖
您可以更改链接标签的 position 以获得所需的 output
CSS 样式表未应用于 html，但已加载
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.