開發者工具顯示CSS我無法找到爲了編輯

我試圖改變菜單包裹的背景色：各地字信息的對話框。

使用鉻合金的開發人員工具，我能夠發現，背景顏色從CSS行未來43

這是我的問題

body #menu_wrap, #topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

然而，CSS規則是不存在的，當我嘗試編輯。相反，我發現這個垃圾：

#menu_wrap{width:1000px; float:left; background:#7d928f url(images/menu_wrap.png) repeat;} 
#topmenu{text-align:center;} 
.menu-header{margin:auto; padding:0; display:block;} 
#topmenu ul{ margin:0; padding:0;} 
#topmenu ul li{list-style-type:none; display:inline-block; position:relative; margin-top:0px;padding:25px 15px;} 
#topmenu li a{ font-size:18px; color:#fff;} 
#topmenu ul > li:hover{ background:#7d928f url(images/transblack.png) repeat;} 
#menu-icon{display:none;}

我的CSS隱藏在哪裏？

來源

2013-06-27 Newbgrammer

如果您使用google chrom右鍵單擊檢查元素。在CSS面板匹配的CSS規則顯示blergh.us這是你的主頁。

這意味着

body #menu_wrap, #topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

在頁面上。

只需右鍵單擊您的家。看看最後一個樣式標籤正上方 </head>

你會發現你的風格

<style type="text/css" id="custom-background-css"> 
body.custom-background { background-color: #ffffff; background-image: url('http://blergh.us/wp-content/uploads/2013/06/DAMASK.jpg'); background-repeat: repeat; background-position: top center; background-attachment: scroll; }

來源

2013-06-27 00:16:30

看起來你設置列表項的這是壓倒一切的背景

背景

body #menu_wrap, #topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

更改爲此

#topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

來源

2013-06-27 00:19:55 jonosma

這很有道理。我的問題是，我無法在我的樣式表中的任何位置找到該CSS規則，以便對其進行更改。它正在隱藏。在我的CSS中搜索「302F2F」並不能解決任何問題。 – Newbgrammer

問題出在Theme Functions (functions.php)。

body #menu_wrap, #topmenu ul li ul li{ background:#302f2f url("<?php echo get_template_directory_uri(); ?>/images/transblack.png") repeat!important;}

更改這裏#302f2f與您的顏色。

來源

2014-09-24 07:57:36

這是一個可怕的使用CSS。 – lharby

以上所有答案都是正確的，但是它們並沒有真正回答你的問題。 CSS可以在客戶端HTML中找到，這是正確的。但是，你如何編輯它？

我假設你正在運行一個Wordpress網站（無法訪問你發佈的鏈接，但從你發佈的CSS清楚）。 Wordpress允許插件運行服務器端。這些插件可以動態地將CSS添加到任何給定頁面。您的qquestion中的CSS可能是由插件注入的。

要確定哪個插件正在生成該CSS，您可以嘗試一次禁用每個插件。當你看到CSS不再被導入時，你已經找到了有罪的一個。

來源

2014-09-24 08:16:14

開發者工具顯示CSS我無法找到爲了編輯

回答

相關問題