：第n個孩子（）僞類是不在列表中工作

我在做移動菜單，但是：第n個孩子僞類是不工作這裏是HTML：從手寫筆：第n個孩子（）僞類是不在列表中工作

<div id="mobilemenu" class="mobilemenu"> 
      <ul> 
       <a href="#"><li class="menuelement">Home</li></a> 
       <a href="#"><li class="menuelement">O Mnie</li></a> 
       <a href="#"><li class="menuelement">Kontakt</li></a> 
       <a href="#"><li class="menuelement">Oferta</li></a> 
      </ul> 
</div>

這裏的CSS：

.menuelement 
     width 100% 
     height 20px 
     color #fbfbfb 
     border 1px solid #DA2825 
     padding 15px 0 15px 0 
    .menuelement:nth-child(1) 
     border-bottom 0 
     border-left 0 
     border-right 0 
    .menuelement:nth-child(2) 
     border-left 0 
     border-right 0 
     border-bottom 0 
    .menuelement:nth-child(3) 
     border-left 0 
     border-right 0 
     border-bottom 0 
    .menuelement:nth-child(4) 
     border-left 0 
     border-right 0 
     border-bottom 0

當我對第一個孩子應用更改時，它將應用於每個孩子而不是第一個孩子。

來源

2017-05-06 Marcin Maicki

沒有答案的一個爲你工作？ – caramba

：第n個孩子（）僞類在列表工作

你的HTML是錯誤的。的<UL>需要包含<li>和<li>可以包含<a>

而且不知道你的CSS，但應該有一些{和一些這些}和報表要在中間:和;底。

.menuelement a { 
 
    color: inherit; 
 
} 
 
.menuelement { 
 
    color: purpleblue; 
 
} 
 
.menuelement:nth-child(1) { 
 
    color: fuchsia; 
 
} 
 
.menuelement:nth-child(2) { 
 
    color: orange; 
 
} 
 
.menuelement:nth-child(3) { 
 
    color: green; 
 
} 
 
.menuelement:nth-child(4) { 
 
    color: red; 
 
}

<div id="mobilemenu" class="mobilemenu"> 
 
     <ul> 
 
      <li class="menuelement"><a href="#">Home</a></li> 
 
      <li class="menuelement"><a href="#">O Mnie</a></li> 
 
      <li class="menuelement"><a href="#">Kontakt</a></li> 
 
      <li class="menuelement"><a href="#">Oferta</a></li> 
 
     </ul> 
 
    </div>

來源

2017-05-06 07:19:37 caramba

添加此下面的CSS代碼菜單

<style type="text/css"> 
    .mobilemenu ul li{ 
     color: purpleblue; 
     width: 100%; 
     height: 20px; 
     border: 1px solid #DA2825; 
     padding: 15px 0 15px 0; 
     border-bottom: 0; 
     border-left: 0; 
     border-right: 0; 
    } 
    .mobilemenu ul li:nth-child(2) { 
     color: orange; 
    } 
    .mobilemenu ul li:nth-child(3) { 
     color: green; 
    } 
    .mobilemenu ul li:nth-child(4) { 
     color: red; 
    } 
    </style> 
    <div id="mobilemenu" class="mobilemenu"> 
      <ul> 
       <li class="menuelement"><a href="#">Home</a></li> 
       <li class="menuelement"><a href="#">O Mnie</a></li> 
       <li class="menuelement"><a href="#">Kontakt</a></li> 
       <li class="menuelement"><a href="#">Oferta</a></li> 
      </ul> 
    </div>

來源

2017-05-06 07:29:03

：第n個孩子（）僞類是不在列表中工作

回答

相關問題