Question

您好我只想在类啤酒中选择“链接”，但它始终从子菜单中选择所有链接。我试试

  .beers:first-child        does not work
  .beers a:nth-child(1)     does not work
  .beers a:first-of-type  (this apply to all the links of sub-menu)

 <ul>
    <li class="beers"><a>Link</a>  only  here
         <ul class="sub-menu">
             <li ><a></a></li>     not here
             <li><a></a></li>      not here
        </ul> 
    </li> 
    <li ><a></a></li>
    <li ><a></a></li>
 </ul>

请帮帮我

Answer 1

如果您想使用a

的样式

 .beers > a{color:green;}

如果您想使用li，则必须覆盖

 li.beers{ color:green;}
 li.beers ul li{ color:black;}

Answer 2

您可以从子级获取第一个元素，如下所示：

<style>
.beers >a {
    background-color:red;
}

Answer 3

您必须维护元素级别。试试下面的一个。

.beers＆gt;一种

Answer 4

.beers:first-child

到

.beers li:first-child

使用：

<ul class="beers">
<li><a>Link</a>  only  here
     <ul class="sub-menu">
         <li ><a></a></li>     not here
         <li><a></a></li>      not here
    </ul> 
</li> 
<li ><a></a></li>
<li ><a></a></li>

通过css只选择一个

4 个答案: