': { fontSize: '24px' },
'h3': { fontSize: '18px' },
})
},
// 转义
// 如果类名中存在特殊字符时...总结几条规则:
以具体的css属性名或简写开头: flex, justify-center, p-0, m-0
尺寸:
带别名: 一般与响应式有关, text-xs, text
0.5的倍数: w...-0 w-0.5 h-0 h-0.5
5倍数: placeholder-opacity-0, placeholder-opacity-5 , opacity-0, opacity-5
递增: delay...-75, delay-100, delay-200
位置: border-t-0, border-r-0
总结
个人觉得 tailwind css 的主要优势在于提供了一套自定义样式模板的工具,并有一个完整的可扩展的基础示例预设样式