html - List-style-type 不去掉点

Question

我正在尝试设计我的 drupal 网站的样式，并且正在通过网站(从主菜单开始)工作......但是我遇到了问题。

它不允许我删除 <ul> 制作的点使用 list-style-type: none;

<nav>
    <div class="region region-navigation">
    <div id="block-system-main-menu" class="block block-system block-menu">
    <div class="content">
         <ul class="menu">
               <li class="first leaf">
                      <a href="/node/3" title="About us">About</a>
               </li>
               <li class="last leaf">
                      <a href="/" class="active">Home</a>
               </li>
         </ul>  
    </div>
    </div>
    </div>
</nav>

样式.css:

ul {
    list-style-type: none;
}

我的 CSS 比最初发布的要多，但我删除了大量内容以尝试从头开始。执行上述操作甚至不起作用。它仍然在链接旁边显示点。

Answer 1

在 drupal 中遇到问题？然后这样做:

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

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

这确保删除列表样式类型。