在網頁設計中，CSS是非常重要的一部分。通過CSS，我們可以控制網頁中的各個元素的樣式、排版等。有時候，我們使用的樣式比較復雜，需要用到兩個ul元素才能實現。

<ul class="list-1">
<li>列表1-1</li>
<li>列表1-2</li>
<li>列表1-3</li>
</ul>
<ul class="list-2">
<li>列表2-1</li>
<li>列表2-2</li>
<li>列表2-3</li>
</ul>

為什么需要使用兩個ul元素呢？假設我們需要制作一份菜單，既要有一級菜單，又要有二級菜單，也就是說，一級菜單下還有子菜單。如果我們只用一個ul元素，即便在HTML代碼中把子菜單的li包含在父菜單的li內，也難以用CSS控制。

使用兩個ul元素可以很好地解決這個問題。我們可以通過CSS選擇器來控制兩個ul元素下的li元素。實現一級菜單和子菜單的樣式差異。比如：

ul.list-1 li {
/* 一級菜單樣式 */
}
ul.list-1 li ul.list-2 li {
/* 二級菜單樣式 */
}

這樣，我們就可以很方便地控制菜單的樣式了。當然，在實際使用過程中，我們還需要根據不同的需求來使用不同的CSS技巧，才能真正實現優雅而強大的網頁設計。