0

我知道它已经被问过了，但那个人有一个错字，答案提到了萤火虫，所以它不是最新的（并且已关闭）。

在WordPress中，我注意到主文件style.css没有被应用，特别是：

  • 该文件已正确加载
  • 它的样式没有被应用

当我检查一个我知道是 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
  • 这是一个下划线生成的主题

提前致谢。

4

2 回答 2

0

@Xhynk - 你是对的。它是：

您可能在该文件的开头有无效的 CSS 方式，阻止了所有其余的 CSS 正在应用

因为它是一个下划线主题并且我从另一个文件中应用了我自己的 CSS，所以我什至没有想到 style.css 中可能存在无效的 CSS

谢谢@Xhynk

于 2020-11-14T16:56:20.057 回答
0

CSS 文件在 head 标签中的位置也很重要，假设您在 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 覆盖而发生的

您可以更改链接标签的位置以获得所需的输出

于 2020-11-14T17:18:27.603 回答