4 回答

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊
簡(jiǎn)單的回答是否定的,這在Tailwind.css
.
唯一可能的方法是自己創(chuàng)建類或在他們的 github 上建議它。

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊
這實(shí)際上是Windi.css中解決的問(wèn)題,您可以使用如下的組變體:
text-blue?md:text-green?lg:(p-2?m-2?text-red-400)
目前,Tailwind 似乎還沒(méi)有添加此功能,但如果他們不盡快這樣做,我會(huì)感到非常驚訝。能夠設(shè)置斷點(diǎn)確實(shí)有助于保持類列表整潔......尤其是當(dāng)順風(fēng)會(huì)導(dǎo)致一些很長(zhǎng)的列表時(shí)。
如果有機(jī)會(huì)的話,請(qǐng)查看 Windi,這是一個(gè)很好的項(xiàng)目,但我確實(shí)認(rèn)為 Tailwind 很快就會(huì)推出他們的大部分(好的)功能。

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊
為此,tailwind CSS 文件必須定義一個(gè)md:grid-cols-2:col-gap-12:py-1
類。它還必須為每個(gè)斷點(diǎn)生成所有其他可能排列的類(最多為組合實(shí)用程序的任意最大數(shù)量)。已經(jīng)有 2877 個(gè)類md
,所以一旦你開(kāi)始組合它們,它就會(huì)很快變大。僅僅考慮這里最多 3 個(gè)實(shí)用程序就會(huì)導(dǎo)致大約 2400 萬(wàn)個(gè)排列,md
并且每個(gè)斷點(diǎn)的排列都是相同的,所以我認(rèn)為這不切實(shí)際。

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊
幫助我實(shí)現(xiàn)這一目標(biāo)的另一件事是使用該screen指令。
https://tailwindcss.com/docs/functions-and-directives#screen
@media screen(md) {
/* css to be overriden for >md screens */
}
或者,
@screen md {
/* css to be overriden for >md screens */
}
這樣,響應(yīng)式設(shè)計(jì)就不會(huì)擾亂獨(dú)立的 CSS。但找不到內(nèi)聯(lián)樣式的方法。

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊
由于這個(gè)問(wèn)題類似于 tailwind CSS 的組變體問(wèn)題,請(qǐng)?jiān)诖颂幉榭次业脑敿?xì)答案 https://stackoverflow.com/a/76387833/9371093
- 4 回答
- 0 關(guān)注
- 327 瀏覽
添加回答
舉報(bào)