我有一个无序列表元素,其中包含像这样的元素列表。
这里是fiddle示例代码。
<div class="menu">
<ul>
<li class="menu-x">x1</li><li class="menu-x">x2</li><li class="menu-x">x3</li>
<li class="menu-y">y1</li><li class="menu-y">y2</li><li class="menu-y">y3</li>
<li class="menu-z">z1</li><li class="menu-z">z2</li><li class="menu-z">z3</li>
</ul>
</div>
在使用 display: inline;
时,CSS并未显示或隐藏特定元素。以下是我的CSS代码:
div.menu li{
display: inline;
border-radius:2px;
font-size:12px;
margin:5px;
box-shadow:0 0px 5px #FFFFFF;
padding:7px 7px 0px 7px;
}
li.menu-y{
display:none;
}
li.menu-z{
display:none;
}
这里是fiddle示例代码。