Question

所以我想创建一个隐藏的下拉菜单，我只希望外部li具有特定的css元素。想知道您是否可以使用多个子选择器>，以便我可以应用于li内的链接，而不应用于较小菜单中的链接

例如：

<ul class="top">
  <li>
    <a href="#">random</a>
    <ul class="second">
       <li>
          <a href="#">random second</a>
       </li>
    </ul>
  </li>
  <li>
    <a href="#">random</a>
    <ul class="second">
       <li>
          <a href="#">random second</a>
       </li>
    </ul>
  </li>
  <li>
    <a href="#">random</a>
    <ul class="second">
       <li>
          <a href="#">random second</a>
       </li>
    </ul>
  </li>
  <li>
    <a href="#">random</a>
    <ul class="second">
       <li>
          <a href="#">random second</a>
       </li>
    </ul>
  </li>

和css元素将是：

ul.top > li > a {
   color: red;
}

虽然我希望a中的ul.second，随机示例，color: blue

Answer 1

如果你想定位“外部”链接，你应该像你写的一样：

ul.top > li > a {
   color: red;
}

如果您想定位“内部”链接，只需使用以下任何选择器：

ul.top ul a {
   color: green;
}

或

ul.second > li > a {
   color: green;
}

你能在一个css元素中使用多个子选择器吗？

1 个答案: