html - 定位嵌套在两个 div 类中的元素

Question

有时使用 wordpress 会很痛苦。我正在尝试设置由 wordpress 生成的菜单的样式。

这是基本的html

<div class="footer">
  <!--Generated By Wordpress-->
  <ul class="menu">
    <li class="menu-item">
      <a></a>
      <ul class="sub-menu">
        <li class="menu-item">
          <a></a>
        </li>
      </ul>
    </li>
  </ul>
  <!--End Generated-->
</div>

我想创建一些 CSS 来专门针对子菜单中的 ，而不会弄乱主菜单中的 。此外，我不能弄乱我在网站上设置的任何其他菜单，因此这也必须特定于页脚菜单。

这是正确的方法吗？

.footer .sub-menu a { }

正确的方法是什么？

Answer 1

其实你是对的，以下几种方式比较合适:

1

.footer .sub-menu a{}

2

.footer ul.sub-menu a{}

3

ul.sub-menu a{}