在我的react應(yīng)用程序中，無(wú)論我在哪里放置h1標(biāo)簽，它都只顯示普通字體。在檢查時(shí)，我發(fā)現(xiàn)我的文本被渲染為h1，但h1的樣式是

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

我也試圖在我的global.css中改變這一點(diǎn)

h1{
    font-size: large;
    font-weight: 900;
}

但是沒(méi)有用。那么如何將h1呈現(xiàn)為標(biāo)題1文本和字體大小呢

這似乎是特殊性的問(wèn)題。您的global.css規(guī)則被更具體的規(guī)則覆蓋。從現(xiàn)有的信息來(lái)看，我不知道這些規(guī)則是什么或在哪里。

這將幫助您更好地理解:MDN CSS特異性

這可能是因?yàn)槟阏谑褂庙橈L(fēng)基本樣式。

檢查你的總管。css文件。您應(yīng)該在頂部看到以下內(nèi)容:

@tailwind base;
@tailwind components;
@tailwind utilities;

這將在css中加載一組預(yù)配置的基本樣式，并包括未設(shè)置樣式的標(biāo)題。

https://tailwindcss.com/docs/preflight.，你可以在這里了解順風(fēng)基礎(chǔ)款式帶來(lái)的所有款式變化及其原因

h1{
    font-size: 80px;
    font-weight: 900;
}

<h1>Example</h1>