如何用Tailwind为contenteditable div的ul/ol子元素统一设置左内边距？

你可以直接合并选择器写成 [&_ol,&_ul]:pl-4，完全没问题。

Tailwind CSS 支持在自定义方括号选择器中使用逗号分隔多个目标选择器，这样就能一次性给 div 内部的 ol 和 ul 元素设置左内边距，不用分开写两个独立的选择器，后续调整样式时只需要修改这一处即可。

修改后的代码示例：

<div class="[&_ol,&_ul]:pl-4" contenteditable>
  <ol>
    <li>ordered list item</li>
  </ol>

  <ul>
    <li>unordered list item</li>
  </ul>
</div>

注意：这种自定义选择器的写法需要使用 Tailwind CSS v3 及以上版本，确保你的项目版本符合要求。

内容的提问来源于stack exchange，提问作者kabukiman