Question

我试图在Slim-lang的列表项中嵌套第二个ul，如下所示：

div.row
        ul.dropdown
            li Dropdown Option 1
                ul
                    li Dropdown Option 2
                    li Dropdown Option 3

预期结果如下：

<div class="row">
  <ul class="dropdown">
    <li>Dropdown Option 1</li>
      <ul>
        <li>Dropdown Option 2</li>
        <li>Dropdown Option 3</li>
      </ul>
    </li>
  </ul>
</div>

收到的输出是：

<div class="row">
  <ul class="dropdown">
    <li>Dropdown Option 1 ul li Dropdown Option 2 li Dropdown Option 3</li>
  </ul>
</div>

我只是有一个错误，或者这是一个问题吗？

Answer 1

为此，您需要将li Dropdown Option 1上的文本移到其自己的行（非内联）。这应该有效（注意第3和第4行）：

div.row
        ul.dropdown
            li 
              | Dropdown Option 1
                ul
                    li Dropdown Option 2
                    li Dropdown Option 33

Answer 2

虽然这不是我想要解决我遇到的问题的方式，但我能够通过打破普通的HTML来让Slim编译嵌套元素，就像我想要的那样：

div.row
    ul.dropdown
        <li>Dropdown Option 1
            ul
                li Dropdown Option 2
                li Dropdown Option 3

如果有人对这有效的原因有所了解/为什么其他实施不起作用，我很想知道（或者我原来的问题是不是预期的行为 - 如果有的话，我将在他们的Github回购中打开一个问题。）

Slim-lang中的嵌套列表

2 个答案: