classtext-whitewithtailwind不起作用

我尝试将文本设为白色,但为什么不起作用?

html.erb

<h1>Epicery</h1>  <!--  here it works very well the text-white -->
     <div>
         <div>
             <ul>
                 <li> <!--  here it does not work text-white -->
                     <a href="#">Link</a>
                 </li>
             </ul>
         </div>
     </div>

我导入了顺风CDN

应用程序.html.erb

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

回答

如果您想在 Tailwind 中包含所有默认颜色,您必须将新颜色包含在“扩展”括号中,这样它就不会覆盖其他所有颜色。

下面是一个例子:

module.exports = {
    theme: {
        extend: {
            colors: {
                my_color: '#4dcb7a',
            },
        },
    },
},


以上是classtext-whitewithtailwind不起作用的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>