div ID中的多个无序列表

我遇到问题。我的意图是在我的页脚中有另一个UL列表，但我想使用css：before来为第二个导航分配不同的符号。div ID中的多个无序列表

但是，如果我删除.mini-nav样式应用正确，我遇到下面的代码工作的问题。

#footer { 
    margin: 25px 0 25px 0; 
    text-align: center; 
    color: #8F8F8B; 
    font-size: 0.8em; 
    text-align: center; 
} 

#footer a { 
    text-decoration: none; 
    color: #CCDDDD; 
} 

#footer a:hover { 
    border-bottom: 2px solid #FFFFFF; 
    padding-bottom: 3px; 
    color: #FFFFFF; 
} 

#footer .mini-nav ul li { 
    display: inline; 
} 

#footer .mini-nav ul li+li:before { 
    content: ' | '; 
    margin: 10px; 
} 

<div id="footer" class="sixteen columns"> 
    <ul class="mini-nav"> 
     <li><a href="#">Gallery</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Studio</a></li> 
     <li><a href="#">Blog</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
</div

来源

2014-02-14 Joe Ainsworth

你的错误就在这里'#footer的。 mini-nav ul li + li：在你之前，你的目标是.mini-nav ul（并且没有这种东西），也就是它应该是'#footer ul.mini-nav li + li：之前' – drip

谢谢 - 这工作 –

@drip：继续，并将其作为回答发布，以便您不会将问题留下:) – BoltClock

你的错误是在这里

#footer .mini-nav ul li+li:before

你的目标.mini-nav ul（有没有这样的事情），又名应该

#footer ul.mini-nav li+li:before

来源

2014-02-16 15:36:47 drip

div ID中的多个无序列表

回答

相关问题