Css Wordpress下拉菜单中的填充

我正在尝试使用Wordpress的CSS。然而，我尝试了很多东西，但由于某些原因，我无法解决它

我想在菜单栏中的链接之间有更多的空间，所以我添加了填充。我创建了以下代码：

.main-navigation li {
display: inline-block;
float: none;
list-style-type: none;
padding-right: 30px;

这里是另一个CSS代码

.main-navigation a {
display: block;
text-decoration: none;
color: white;


.main-navigation a:hover {
    text-decoration: underline;
}


.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
    background-color: black;
}


.main-navigation ul ul a {
    background-color: rgba(0, 0, 0, 0.5);
    width: 200px;
}

这对我来说很有效，在菜单栏中创建了更多的空间，但是它也在下拉菜单中的链接中添加了填充，这是不应该做的。我尝试过很多事情，但似乎解决不了。有人能告诉我我能做什么吗？请看下面来了解我的意思

添加此

.main-navigation ul ul li {
  padding-right: 0;
}

---

您发布的CSS声明，

.main navigation li{}

，表示“针对

.main navigation

的后代的每个

”。因此，下一级列表中的

元素也会成为目标

您可以使用

>

子选择器仅选择父级的直接子级。因此，以下代码应该适用于您，并且不会影响下拉列表元素：

.main-navigation > li {
display: inline-block;
float: none;
list-style-type: none;
padding-right: 30px;
}

---

请发布菜单栏的HTML。这是Wordpress的框架。这不是HTML。解决了它谢谢！：）我在li处添加了填充物，但在“a”处添加填充物解决了问题。