css - 开发人员工具显示 CSS 我无法定位以进行编辑

Question

这可能是一个很容易修复的新问题。

Here is my site

我正在尝试更改菜单换行的背景颜色:INFO 字样周围的框。

使用 Chromes 开发者工具，我发现背景色来自 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 隐藏在哪里？

Answer 1

如果您使用 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; }