Nestable CSS是一種CSS技術(shù)，可以用來創(chuàng)建可嵌套的列表和菜單，從而實現(xiàn)分層結(jié)構(gòu)和父子關(guān)系。

<ul class="nestable-list">
<li class="nestable-item">
<div class="nestable-handle"></div>
<div class="nestable-content">Item 1</div>
<ul class="nestable-list">
<li class="nestable-item">
<div class="nestable-handle"></div>
<div class="nestable-content">Item 1.1</div>
</li>
<li class="nestable-item">
<div class="nestable-handle"></div>
<div class="nestable-content">Item 1.2</div>
</li>
</ul>
</li>
<li class="nestable-item">
<div class="nestable-handle"></div>
<div class="nestable-content">Item 2</div>
</li>
</ul>

在上面的代碼中，我們可以看到一個嵌套的列表，有一個頂層的<ul>元素，并且在每個列表項中有一個內(nèi)部<ul>元素。用于垂直嵌套的<li>元素也有一個特殊的class名，叫做"nestable-item"。

嵌套列表項（nested list items）中的任何一項也都可以嵌套，在這個項目中，我們有一個列表項目的嵌套列表，使用相同的結(jié)構(gòu)來制作。

在使用nestable css時，每個嵌套列表項都有六個可用的CSS類名可供使用，它們分別是：nestable-list、nestable-item、nestable-handle、nestable-content、nestable-placeholder、nestable-empty。