Question

我试图在不使用类的情况下为嵌套列表的特定元素设置样式。具体来说，请看下面的示例，我将如何仅对带有彩色背景的“ SubList Item”元素设置样式，而不对“ Main List”，“ SuperSub List”和“ SuperDuperSub List”项目设置样式？

<div>
   <ul>
      <li><a>Main List Item</a></li>
      <li><a>Main List Item</a>
         <ul>
            <li><a>SubList Item</a></li>
         </ul>
      </li>
      <li><a>Main List Item</a></li>
      <li><a>Main List Item</a></li>
      <li><a>Main List Item</a>
         <ul>
            <li><a>SubList Item</a></li>
            <li><a>SubList Item</a>
               <ul>
                  <li><a>SuperSub List</a></li>
                  <li><a>SuperSub List</a>
                     <ul>
                        <li><a>SuperDuperSub List</a></li>
                        <li><a>SuperDuperSub List</a></li>
                     </ul>
                  </li>
               </ul>
            </li>
            <li><a>SubList Item</a></li>
            <li><a>SubList Item</a></li>
         </ul>  
      </li>
      <li><a>Main List Item</a></li>
   </ul>
</div>

Answer 1

这是一种基于标记的方法，尽管我个人会说尽可能使用类。

div > ul > li > ul > li > a {
  background: #000;
}

嵌套UL LI的CSS选择器

1 个答案: