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.