<li>样式出现在网页上时不应该出现

Question

目前正在与一个网站合作，我遇到了一个奇怪的问题。错误的代码是：

<ul>，<b>和<li>标记后面的样式表如下所示：

＆＃13;

＆＃13;

ul.secretariat {
  list-style-type: none;
  font-style: italic;
  font-size: 12pt;
  text-align: center;
}
li {
  margin-bottom: 25px;
}

＆＃13;

<ul class="secretariat">
  <li><b>Item one</b> Faculty Advisor</li>
  <li><b>Item two</b> Secretary-General</li>
  ...
</ul>

＆＃13;

＆＃13;

＆＃13;

我很清楚大多数人不会影响文字;我把它们包括在内，以证明CSS不是罪魁祸首（我不这么认为。反正。我不是HTML的专家，有人只是求我帮忙）。我遇到的问题是，在网页中，列表中的第一项具有我无法摆脱的背景颜色。如果我检查元素，我发现一些更奇怪的东西; a style has appeared in the <li>!我不知道它来自哪里。我已经在网站上输入了Ctrl + F，并且无法在任何地方找到该文字。用style = "background: none"覆盖似乎没有做任何事情，（我不知道这是否有效，我无法找到创建空背景的大量文档）所以我非常感谢我能帮助解决这个小而恼人的问题。

Answer 1

为了找到弄乱您的元素style属性的代码，您可以：

1. 在chrome dev工具中选择元素
2. 切换Break on Attribute Modification
3. 刷新页面
4. 执行将暂停违规代码

Answer 2

由于您的问题非常广泛，因此很难看到更改发生的位置，但是这个JQuery应该解决问题，将其添加到页面底部，就在结束</body>标记之前，看小提琴http://jsfiddle.net/c5moax9h/1/

<script>
$(document).ready(function() {
  $('.secretariat > li').each(function() {
    $(this).css('background-color', 'inherit');
  });
});
</script>