显示特定页面上没有项目符号的列表

Question

这是我的网站：

http://goo.gl/qTjPb

在此页面中（仅限），我不想显示项目符号。

我尝试使用内部css，但它不起作用：

  <ul style="list-style:none">

外部css也不起作用：

  <ul class="test"> 

  .test{list-style:none;}

你可以帮我解决这个问题吗？谢谢。

Answer 1

添加课程

<ul class="nobullets">
   ....
</ul>

然后在css

ul.nobullets li {
  list-style: none;
}

或

ul.nobullets li {
  list-style: none !important;
}

这将保证仅在该UL中删除子弹 - 在该页面中

Answer 2

style.css文件的第38行有#content #default li{margin-left:30px;list-style: disc;}，它会覆盖您的内联<ul style="list-style: none;">规则。

Answer 3

您必须将list-style：none应用于<li>而不是<ul>。