水平菜单隐藏第一个列表样式并显示其余部分

Question

我遇到了这个我无法弄清楚的问题。

#menuUL{    
    font-size:32px;
    padding:0;
}

#menuUL li:first-child{
    list-style-type: none;  
}

#menuUL li{
    margin-left:30px;
    /*display: list-item;*/
    display:inline;
    list-style-type:disc;
}

我有一个水平菜单，但我只想让第一个项目隐藏它的列表样式类型，其余的需要显示光盘。然而，我将把2个显示器放在同一个li中，这使得它显示垂直而不是水平。

更新。 HTML代码

<div id="photoMenu">
<ul id="menuUL">
    <li>ALL</li>
    <li>ARCHITECTURE</li>    
    <li>PEOPLE</li>
    <li>LEGO</li>
</ul>

Answer 1

尝试浮动li而不是

JSfiddle Demo

<强> CSS

#menuUL{    
    font-size:32px;
    padding:0;
}

#menuUL > li:first-of-type {
    list-style-type: none;  
}

#menuUL li{
    float:left;
    margin-left:35px;
}