这是怎么回事：n孩子的规则？

Question

Fiddle

具体而言，为什么我的#sumMenu2 p:nth-child(2)规则不显示？

HTML：

<div id="subMenu2"> 
    <p class="active">Panel View</p> 
    <p>Group View</p> 
    <p>Photocell Settings</p> 
</div> 

CSS：

#subMenu2 { 
    background: pink; 
} 
#subMenu2 p { 
    color: black; 
    text-decoration: none; 
    padding: 5px 25px 5px 25px; 
    display: block; 
    float: left; 
} 
#sumMenu2 p:nth-child(2) { 
    border-right: 1px solid black; 
    border-left: 1px solid black; 
} 

Answer 1

因为你拼写它＃sumMenu2？

#sumMenu2 p:nth-child(2) { 
border-right: 1px solid black; 
border-left: 1px solid black;