當我的應用程式處于全屏模式時，我需要為我的某些組件設定更大的字體。在我的 App.jsx 中，我有變數觸發我將“全屏”類添加到整個應用程式的根 DIV。我可以使用蠻力并覆寫它，* { font-szie: 18px; }但這太簡單了。我只想覆寫某些類（如.some-class * { font-size: 18px; }）。當然 React hash 阻礙了我，所以這里有一個問題：我如何將我的字體大小應用于應用程式中的所有組件？
uj5u.com熱心網友回復：
如果你有散列類（即 some-class-[hash]），你可以使用 CSS 選擇器來處理它。像這樣：
[class^="some-class-"]
上面的 CSS 選擇器將選擇所有以“some-class-”開頭的類。您可以在此處閱讀有關 CSS 選擇器的更多資訊：https : //www.w3schools.com/cssref/css_selectors.asp
uj5u.com熱心網友回復：
您可以使用General ClasseslikeBootstrap或Tailwind，然后您應該在您的公共檔案夾中使用它并使用linkcss`
<head>
<link rel="stylesheet" href="..." />
</ head>
.text-sm {
font-size: 1rem !important;
}
import hashed_classes from "./file.css";
const Component = () => {
return (
<div className={`${hashed_classes.class} text-sm`} />
)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/322363.html
下一篇：未顯示用戶名文本輸入