html - 如何设置 UL/LI 下拉菜单的样式

Question

我有一个无序列表，我试图在运行时自定义该列表，该列表由 DropKick CSS 样式调用。

这是我所看到的图像:

我尝试像这样设置它的样式，但对样式没有任何影响:

  .dk_options ul li a {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .dk_options_inner ul li a {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

当样式最初具有以下内容时，它就像一个魅力，但干扰了我的其他 HTML 标记:

* {
     margin: 0;
     padding: 0;
}

我试图仅将其应用于下拉列表。为什么我的风格不起作用？我该如何解决？

Answer 1

您必须清除列表元素 (ul) 中的边距和填充。

.dk_options ul{
    margin:0;
    padding:0;
    list-style:none;
}

如果您只想清除一级菜单的边距和填充，则必须像这样选择它:

.dk_options > ul{
    margin:0;
    padding:0;
    list-style:none;
}

或者，如果您想清除子级元素的边距和填充，您可以这样选择:

.dk_options > ul > li ul{
    margin:0;
    padding:0;
    list-style:none;
}