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

Question

我正在与CSS战斗,无法弄清楚如何移除子弹.是的,我知道这听起来很容易,但是听我说.我有一个来自我们公司办公室的另一个外部CSS文件,它的样式正在阻碍我的生活,我不知道如何覆盖它们.我已经尝试了!important令牌,它也不起作用.我正在使用chrome,检查员还没有帮我找出导致它的原因.无论如何,这里的代码非常独立,但是一旦我把公司的CSS文件放在那里,那些愚蠢的子弹就会回来.啊!

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

Answer 1

这听起来更像CSS特异性问题.您不能"覆盖"其他样式,您本身只能创建更具体的其他样式.在不知道其他CSS的样子的情况下,通常有三种方法可以做到这一点:

内联样式

完全像你的例子.这些是最具体的,所以它们保证可以正常工作,但它们也可以保证在工作中感到痛苦.通常,如果您使用这些,需要修复一些问题.

将id属性添加到无序列表,

然后id在CSS中使用as作为选择器.使用a id作为选择器比使用a class或元素类型更具体.它是一个有用的工具,用于切割一些你可能从其他地方继承的样式.

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

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

总结所有的 HTML在div与id设置属性.

这就是我通常做的事情.它允许我在我的CSS样式中div使用它id,以确保我的样式始终优先.另外,这意味着我只需要选择一个有意义的id名称,然后我就可以按照惯例来设计HTML的其余部分.这是一个例子:

<div id="wrapper">
  <ul>
      <li>First</li>
      <li>Second</li>
      <li>Third</li>
  </ul>
  <p>Some text goes here</p>
</div>

div#wrapper ul {
  list-style-type: none;
}

div#wrapper p {
  text-align: center;
}

使用该技术是确保您将大部分时间用于自己的样式而不是尝试调试其他人的相当好的方法.当然,您必须div#wrapper在每个样式的开头放置,但这就是SASS的用途.

Answer 2

我有同样的问题,我试图改变一个joomla网站的CSS,最后发现李有一个背景图像是一个子弹...(模板是JAT3).这是代码:

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

希望它可以帮助某人.