文章/答案/技术大牛

发布

社区首页 >问答首页 >已加载但未应用的CSS

问已加载但未应用的CSS
EN

Stack Overflow用户

提问于 2020-11-14 07:02:21

回答 2查看 719关注 0票数 0

我知道它已经被问到了，但是那个人有一个错误，答案提到了firebug，所以它不是最新的(并且已经关闭了)。

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

The文件已加载，correctly
Its样式不是applied

当我检查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' />

我在用

带有php 7.2.3的charset="UTF-8"

Database Xampp与wordpress 5.5.3

元排序规则的

是utf8mb4_unicode_ci

It's生成的下划线主题

提前谢谢。

html

css

wordpress

localhost

enqueue

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-11-14 16:56:20

@Xhynk -你是对的。它是：

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

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

谢谢你@Xhynk

票数 0

Stack Overflow用户

发布于 2020-11-14 17:18:27

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覆盖。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64831662

复制

相似问题

问已加载但未应用的CSS
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问已加载但未应用的CSSEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问已加载但未应用的CSS
EN