定位嵌套在两个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来专门针对＆lt; a＆gt;在子菜单中，没有弄乱＆lt; a＆gt;在主菜单中。此外，我不能搞乱我在网站上设置的任何其他菜单，所以这也必须特定于页脚菜单。

这是正确的方法吗？

.footer .sub-menu a { }

这是什么方法？

Answer 1

实际上你是对的，以下方法是恰当的：

<强> 1

.footer .sub-menu a{}

<强> 2

.footer ul.sub-menu a{}

第3

ul.sub-menu a{}