为什么这个演示Demo中的 tailwindcss variant 没有生效？-灵析社区
脑袋困掉惹[https://play.tailwindcss.com/sNnjkZnGWF?file=config](https://link.segmentfault.com/?enc=fZE3Ikf4frtIfcMLHR%2BZdQ%3D%3D.PgKFKYDpJTtvrmhURmlI0rKXlvkn6Qld0%2FQmG5wukK6Mo9kv4eIen9h3DrFGtUrO%2FWdra3NyqA8hGGmFL8H7eA%3D%3D) 项目里配置了变体 @layer utilities { .border_always { @apply border-2 border-solid border-red-500; } } addVariant('hocus', ['&:focus', '&:hover']) 确定 为什么 当button 通过tab 获取焦点的时候 红色边框border_always样式没有生效？
正确计算方式@layer utilities {
.border_always {
@apply border-2 border-solid border-red-500 outline-none;
}
}
addVariant('hocus', ['&:focus', '&:hover', '&:focus-visible'])