tailwind 任意值类别的特定性问题

huangapple go评论64阅读模式
英文:

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 &lt;div className=&quot;w-full w-[80px]&quot;&gt;Sample&lt;/div&gt;.
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.

&lt;div className=&quot;w-full [&amp;]:w-[80px]&quot;&gt;Sample&lt;/div&gt;

huangapple
  • 本文由 发表于 2023年7月17日 19:51:07
  • 转载请务必保留本文链接:https://go.coder-hub.com/76704170.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定