CSS中實(shí)現(xiàn)左側(cè)下拉菜單的方法

在CSS中，我們可以通過使用列表（List）和子列表（Sublist）來創(chuàng)建左側(cè)下拉菜單，以下是一個(gè)簡(jiǎn)單的示例：

HTML結(jié)構(gòu)：

<ul id="left-menu">
    <li>菜單項(xiàng)1
        <ul>
            <li>子菜單項(xiàng)1</li>
            <li>子菜單項(xiàng)2</li>
        </ul>
    </li>
    <li>菜單項(xiàng)2
        <ul>
            <li>子菜單項(xiàng)3</li>
            <li>子菜單項(xiàng)4</li>
        </ul>
    </li>
    <li>菜單項(xiàng)3</li>
    <li>菜單項(xiàng)4</li>
    <li>菜單項(xiàng)5</li>
    <li>菜單項(xiàng)6</li>
    <li>菜單項(xiàng)7</li>
    <li>菜單項(xiàng)8</li>
    <li>菜單項(xiàng)9</li>
    <li>菜單項(xiàng)10</li>
    <li>菜單項(xiàng)11</li>
    <li>菜單項(xiàng)12</li>
    <li>菜單項(xiàng)13</li>
    <li>菜單項(xiàng)14</li>
    <li>菜單項(xiàng)15</li>
    <li>菜單項(xiàng)16</li>
    <li>菜單項(xiàng)17</li>
    <li>菜單項(xiàng)18</li>
    <li>菜單項(xiàng)19</li>
    <li>菜單項(xiàng)20</li>
    <li>菜單項(xiàng)21</li>
    <li>菜單項(xiàng)22</li>
    <li>菜單項(xiàng)23</li>
    <li>菜單項(xiàng)24</li>
    <li>菜單項(xiàng)25</li>
    <li>菜單項(xiàng)26</li>
    <li>菜單項(xiàng)27</li>
    <li>菜單項(xiàng)28</li>
    <li>菜單項(xiàng)29</li>
    <li>菜單項(xiàng)30</li>
    <li>菜單項(xiàng)31</li>
    <li>菜單項(xiàng)32</li>
    <li>菜單項(xiàng)33</li>
    <li>菜單項(xiàng)34</li>
    <li>菜單項(xiàng)35</li>
    <li>菜單項(xiàng)36</li>
    <li>菜單項(xiàng)37</li>
    <li>菜單項(xiàng)38</li>
    <li>菜單項(xiàng)39</li>
    <li>菜單項(xiàng)40</li>
    <li>菜單項(xiàng)41</li>
    <li>菜單項(xiàng)42</li>
    <li>菜單項(xiàng)43</li>
    <li>菜單項(xiàng)44</li>
    <li>菜單項(xiàng)45</li>
    <li>菜單項(xiàng)46</li>
    <li>菜單項(xiàng)47</li>
    <li>菜單項(xiàng)48</li>
    <li>菜單項(xiàng)49</li>
    <li>菜單項(xiàng)50</li>
    <li class="last-item">***后一項(xiàng)（可選）</li>