我正在學習前端，我一整天都在經歷一個問題。我正在嘗試將文本轉換為大寫，更改字體大小、位置等，但更改未顯示在我嘗試在 css 頁面上使用 .h1{} 但仍然沒有更改的網頁上。我確保我保存了我的專案，但沒有任何改變。
這是我的 html 代碼
<section class="intro" id="home">
<div class="row justify-content-center">
<div class ="section-vid2">
<video autoplay loop muted src="http://luxtopia.org/wp-content/uploads/2022/02/GIF.mp4" ;> </source>
</div>
<div class="col-4">
<h1 class="text-center"><br> join the </h1>
<p> welcome to my web page </p>
</div>
</div>
</section>
CSS
.intro .col-4 .h1{
display: block;
font-family: 'Varela Round', sans-serif;
font-size: 34px;
text-transform: uppercase;
}
uj5u.com熱心網友回復：
以 .(period) 開頭的選擇器正在根據類從 dom 中進行選擇
以 # 開頭的選擇器正在根據元素 id 從 dom 中進行選擇
一個沒有任何前綴的選擇器，由 html 標簽選擇，即 h1
試試 .intro .cold-4 h1{}
uj5u.com熱心網友回復：
您應該只獲取您想要更改的 ID，因此您只需獲取“文本中心”，您就可以隨意更改字體大小/位置以及其他任何內容。嘗試這個
.text-center{
display: block;
font-family: 'Varela Round', sans-serif;
font-size: 34px;
text-transform: uppercase;
}
如果這不起作用，您需要確保您的樣式表已鏈接到 head 元素中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/432199.html
上一篇：當用戶單擊ASP.NETMVC控制器中的“添加到購物車”按鈕時顯示訊息
下一篇：在加入2個表時需要幫助