Html 无法从列表中删除CSS项目符号

我正在与CSS斗争，不知道如何删除子弹。是的，我知道这听起来很容易，但请听我说完。我有另一个来自公司办公室的外部CSS文件，它的样式正在妨碍我，我一辈子都不知道如何覆盖它们。我已经试过了！重要的代币，它也不起作用。我用的是chrome，但检查员还没有帮我找出是什么原因造成的。不管怎么说，这是我的代码，它可以独立运行，但是一旦我把公司的CSS文件放进去，愚蠢的子弹又回来了。啊

    <ul style="list-style-type:none;">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
    </ul>

首先
第二
第三

确保您试图覆盖的规则在UL上，而不是在LI上。我已经看到该规则应用于LIs，并且像上面那样覆盖UL不会有任何效果。

最好不要使用类将样式内联调用：

<ul class="noBullets">

.noBullets {
list-style-type:none !important;
}

---

这听起来更像是一个问题。您不能“覆盖”其他样式，就其本身而言，您只能创建更具体的其他样式。在不知道其他CSS是什么样子的情况下，通常有三种方法可以做到这一点：

内联样式 就像你在例子中所说的那样。这些都是最具体的，因此它们保证会起作用，但它们也保证会成为工作中的一个难题。一般来说，如果您正在使用这些，则需要修复一些问题

将

id

属性添加到无序列表中， 然后使用

id

作为CSS中的选择器。使用

id

作为选择器比使用

class

或元素类型更具体。它是一个非常有用的工具，可以用来裁剪您可能从其他地方继承的一系列样式

<ul id="the-one">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

ul#the-one {
  list-style-type: none;
}

---

使用这种技术是一种很好的方法，可以确保你将大部分时间花在自己的风格上，而不是试图调试别人的风格。当然，你必须在每种风格的开头加上

div#wrapper

，但这就是目的。

我也遇到了同样的问题，我试图更改joomla网站的CSS，最后发现li有一个子弹状的背景图像。。。（模板是JAT3）。代码如下：

.column ul li {
  background: url(../images/bullet.gif) no-repeat 20px 7px;
  ...
}

---

希望它能帮助别人。

我的情况与@fankoil所描述的情况相似：我继承了css

main-divname ul li{
  background-image:url('some-image.png');
}

为了摆脱这个特定的ul，我给了ul一个id

<ul id="foo">
...

因此，要对之前的一些答案进行澄清：

• 列表样式类型在ul上
• 李安的背景图像

---

诀窍非常简单：
我明白了：

<ul id="the-one">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

ul#the-one {list-style-type: none;}

但是，接下来的两个选项会让你大吃一惊：

li {width: 190px; margin-left: -40px;} // Width here is 190px for the example.

我们限制宽度并强制li段落向左移动

---

这里有一个很棒的例子：
好问题；奇怪的是，在IE中，即使列表样式为：无
这是删除项目符号的代码：

/* media query only applies style to IE10 and IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* removes bullets in list items for IE11*/ 
    li {
        list-style-position: outside;
        overflow: hidden;
    }
}

---

我认为您也可以通过使用span将列表项中的文本换行，然后使用如下方式来解决问题：

ul>li:nth-child(odd) > span:before {
    display:none;
}

ul>li:nth-child(even) > span:before {
    display:none;
}

奇数和偶数是可用于匹配索引为奇数或偶数的子元素的关键字，display=none将通过不在span元素之前显示元素来实现

---

检查css中的以下代码行：

.targeted-class-name>ul>li>a:before {
    content: "•";
}

---

这就是我的罪魁祸首
公司CSS有没有！重要提示？使用Firebug（或类似工具），检查元素，它将告诉您该元素定义的样式的来源。！“重要”是一个迟钝的工具，通常是您需要重新考虑CSS的指标。因此
失败？公司CSS没有！重要的，是的。它肯定在UL标签上。太好了，这是我的问题，我把它放在了li而不是UL d'oh上！谢谢，我完全同意你的看法。我只是将CSS内联以进行演示。问题是我们公司的CSS文件阻止了我的风格自我展示。是的。试过了！重要财产。它不起作用（至少在这种情况下是这样）。你用过firebug吗？它必须告诉你是什么覆盖了它！我用的是Chrome的检查员。它告诉我计算的样式是列表样式类型：无；不幸的是，它仍然有恼人的小子弹。我希望我可以把这个放到网上，但它是为本地的内联网。谢谢你的快速回复。不幸的是，它没有起作用。我试着在我的头标签中嵌入样式表，就像你解释的那样。我的html看起来也和你解释的一样。当我进入Chrome的inspector时，计算出的样式显示为“list Style type:none”；它说该样式来自“div#wrapper ul”。我找出了问题所在。这是一种背景图像样式，被用作企业CSS中的一个项目符号。一旦我发现我能够应用必要的背景图像：无；风格恰当。完成！谢谢你的帮助。@noctufaber你把它应用到ul了吗？锂？我对所有人都这样做，但它不起作用。+1我在使用joomla模板语言切换器时遇到了相同的问题。+1我遇到了这个问题，将列表样式类型设置为：无；在
• 上解决了它。

  /* media query only applies style to IE10 and IE11 */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* removes bullets in list items for IE11*/ 
      li {
          list-style-position: outside;
          overflow: hidden;
      }
  }
  

  ul>li:nth-child(odd) > span:before {
      display:none;
  }
  
  ul>li:nth-child(even) > span:before {
      display:none;
  }
  

  .targeted-class-name>ul>li>a:before {
      content: "•";
  }