jquery - 跳过 li 的列数 css 属性

Question

我有一个多列下拉菜单，其中第一行是标题“选择选项”，它应该是整列。从第二行开始它必须被视为列数。我问这个特定布局的原因是它还有另一个相关的功能。

我正在检查是否有一种简单的方法可以通过 CSS 解决这个问题？

问题:

我们可以忽略第一个 li exclude from column count 吗？基本上，第一个 li 是标题“选择选项”。我希望它是

<ul style="column-count: 2;">
<li style="color: gray;" class="label-default">Select the options</li>
<li>option1</li>
<li>option2</li>
<li>option3</li>
<li>option4</li>
<li>option5</li>
<li>option6</li>
<li>option1</li>
<li>option2</li>
<li>option3</li>
<li>option4</li>
<li>option5</li>
<li>option6</li>
</ul>

提前致谢

Answer 1

您可以将 column-span: all; 应用于第一个 child 吗？似乎是最简单的解决方案。

参见 https://css-tricks.com/almanac/properties/c/column-span/