在第三个子菜单后重置css属性

Question

我有一个带有5个子菜单的Wordpress菜单。类似的东西：

• 第1项
  • 第2项
    • 第3项
      • 第4项
        • 第5项
          • 第6项
• 第1项
• 第1项
• 第1项

我正在使用css添加一些风格。问题是，当我做类似的事情时：

ul { padding: 10px; }

它将此规则添加到每个项目，但我想将其添加到仅两个第一个＆＃34; ul＆＃34;标签。我知道我能做到：

ul, ul ul { padding:10px;}
ul ul ul { padding:initial !important }

但有更好的解决方案吗？

Answer 1

使用直接子选择器>：

ul:first-child,ul>ul{padding: 10px;}

但是我建议你为它们使用一个公共类，并在其中使用填充：

ul.pd10{padding: 10px;}