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',
},
},
},
},