bootstrap5 文字大小 display-1

導覽列 (Navbar)中品牌logo, a標籤後navbar-brand 加上 display-1沒效果,我想是css權重問題???

display-1要怎麼改比較好?fs-1有效字會放大,display-1無效!

還是自己SCSS重寫,不用display-1??

display-1在h1是有效,但在NAV內是無效...

感謝回答

nav class="navbar fixed-top navbar-expand-lg navbar-dark ">
div class="container">
a class="navbar-brand display-1 text-success" href="#">logo
button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
span class="toggler-icon top-bar">
span class="toggler-icon middle-bar">
span class="toggler-icon bottom-bar">
/button>
div class="collapse navbar-collapse" id="navbarSupportedContent">
ul class="navbar-nav ms-auto mb-2 mb-lg-0 ">

                改成fs-1文字大小是有效
                a class="navbar-brand fs-1 text-success" href="#">logo
                
                想做滾動效果transition文字大小誇張效果,使用display-1