無法使用CSS覆蓋引導程序
[英]Cannot override bootstrap with css
問題描述
當我將引導程序添加到html文檔時，它會將h1標簽的字體大小更改為2.5rem。 由於某些原因，我無法使用CSS文件覆蓋此內容。 即使具有！important屬性。
我確保在HTML頁面上按順序在引導程序后加載了自定義樣式表
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<h1 class="logo">TIGERS</h1>
</body>
此樣式部分位於上面鏈接的styles.css文件中
.logo {
font-size: 3.5em !important;
}
另外：奇怪的是，當我將CSS內聯時，例如。
<h1 class="logo" style="font-size: 3em">TIGERS</h1>
有用。
任何幫助表示贊賞
1 個解決方案
解決方案1
1 2019-08-10 08:10:49
僅當內聯設置CSS時才使用<style>標記，如果在外部CSS文件中則不使用。
樣式應該在style.css看起來像這樣：
.logo {
font-size: 3.5em !important;
}
即沒有style標簽。
為 CSS 覆蓋引導程序 styles？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.