英文:
tailwind arbitrary value class specificity issue
问题
我正在使用tailwindcss 3.3.3,遇到一个关于tailwind任意值特异性的问题,它不能覆盖通用值。
例如,我有这个元素 <div className="w-full w-[80px]">Sample</div>
。
我期望这个div会有80px的宽度,但实际上100%的宽度占据了80px的宽度。
英文:
I'm using tailwindcss 3.3.3 and having an issue with tailwind arbitrary value specificity that it does not override the generic value.
For example, I have this element <div className="w-full w-[80px]">Sample</div>
.
I expect that div will have 80px width but I got width 100% is taking precedence over width 80px.
答案1
得分: 0
你可以使用任意变体来强制应用80像素的宽度。
<div className="w-full [&]:w-[80px]">Sample</div>
英文:
You can use an arbitrary variant to force the 80px width to apply.
<div className="w-full [&]:w-[80px]">Sample</div>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论