如何设计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;
}

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

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;
}