Tailwind css 如何使用TailwindCSS实用程序类获得彩色项目符号列表点

Tailwind css 如何使用TailwindCSS实用程序类获得彩色项目符号列表点,tailwind-css,Tailwind Css,我想知道是否有一种策略可以只使用Tailwind实用程序类而不编写任何CSS行来获得彩色的项目符号列表点。 我花了一些时间搜索,但还没有找到任何解决方案 这是我目前正在研究的清单 <ul class='list-outside list-disc ml-6'> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</l

我想知道是否有一种策略可以只使用Tailwind实用程序类而不编写任何CSS行来获得彩色的项目符号列表点。
我花了一些时间搜索,但还没有找到任何解决方案

这是我目前正在研究的清单

<ul class='list-outside list-disc ml-6'>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.</li>
  <li> Nunc nec gravida enim. Vestibulum venenatis luctus sem.</li>
  <li> Proin fringilla vel nulla eu molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
  • Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·索利西图丁·康瓦利斯·维韦拉
  • Nunc nec孕妇enim。威尼斯人前庭扫描电镜
  • 这是一个欧盟分子。Lorem ipsum dolor sit amet,是一位杰出的献身者

您必须这样指定它才能获得彩色项目符号列表

<li class="text-red-500">
  <div class="text-black">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin convallis viverra.
  </div>
</li>
  • Lorem ipsum dolor sit amet,是一位杰出的献身者。埃尼安·索利西图丁·康瓦利斯·维韦拉。
  • 我是这样解决的:

    <ul class='list-outside list-disc ml-6'>
        <li class="text-red-500">
            <span class="text-black">Lorem ipsum dolor</span>
        </li>
        <li class="text-red-500">
            <span class="text-black">Nunc nec gravida enim.</span>
        </li>
    </ul>
    
    • 同侧阴唇
    • Nunc nec孕妇enim。