在一個CSS商城中，左側的二級菜單扮演著非常重要的角色。通過這個菜單，我們可以輕松地瀏覽到網站中的不同商品類別。那么，如何實現這個二級菜單呢？

.menu {
width: 200px;
background-color: #f0f0f0;
border-right: 1px solid #ccc;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.submenu {
display: none;
}
.menu li:hover .submenu {
display: block;
position: absolute;
left: 200px;
top: 0;
width: 200px;
background-color: #fff;
border-left: 1px solid #ccc;
z-index: 9999;
}
.menu li a {
display: block;
padding: 10px;
color: #555;
text-decoration: none;
}
.menu li:hover {
background-color: #eee;
}

首先，我們需要一個名為“menu”的div，它的寬度設置為200像素，高度設置為100%，并固定在左側。然后，我們添加了一個名為“submenu”的樣式，用來控制子菜單的顯示和隱藏。通過:hover選擇器，我們可以在鼠標懸停在li元素上時，將子菜單顯示出來。

在菜單的li元素中，我們需要添加一個a標簽來顯示每個商品類別的名稱。我們設置a標簽為塊元素，并添加10像素的內邊距來讓菜單看起來更好看。

當我們將鼠標懸停在菜單項上時，使用:hover選擇器為該菜單項添加一個背景色，使其更明顯可見。

通過使用這些CSS規則，我們可以創建一個簡單而且好看的左側二級菜單。