我在Amplify中使用Figma制造的組件。這里的組件是卡片集合。我想做的是改變一個(gè)卡片集合中特定字段的字體大小。這是對(duì)頁(yè)面仔細(xì)檢查后的樣子(見下文)。 突出顯示的部分是我想要更改的區(qū)域。

我在我的css文件中嘗試了這個(gè)構(gòu)造(如下)，但是沒有效果。

.styled-text .amplify-flex .amplify-collection .amplify-collection-items .amplify-text {
    font-size: 44px;
}

我使用的方式。樣式化文本如下(下圖)。

<KatsuKappoCardioCardCollection className="styled-text"/>

我做錯(cuò)了什么？

因?yàn)槟怯肁mplify Studio自動(dòng)生成代碼，所以最好的方法是用overrides prop覆蓋Amplify樣式，如這里所記錄的:

https://amplify . AWS/learn/courses/full stack-for-Frontend-Developers-e 7319/lessons/9