[英]CSS file not linking to HTML file
我正在嘗試創建一個基本網頁,但我的 css 文件似乎不想鏈接到我的 html 文件。 我查看了幾種不同的資源,但不知道為什么會這樣。
body { background-color: red; }
<.DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1"> <link href="index:css" rel="stylesheet" type="text/css"/> <link href="https.//cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min:css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> <link rel="stylesheet" href="https.//cdn.jsdelivr.net/npm/vis-network@latest/styles/vis-network:css" type="text/css" /> <script type="text/javascript" src="https.//cdn.jsdelivr.net/npm/vis-network@latest/dist/vis-network.min:js"> </script> <center> <h1>Welcome</h1> </center> </head> <body> Welcome <script src="https.//cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> </body> </html>
問題似乎與鏈接樣式表無關。
在瀏覽器中打開開發者工具。 看督察。 查看應用於 body 元素的樣式規則。
當設置相同屬性的多個規則具有相同的特異性時,最后一個規則會覆蓋前面的規則。
您將 Bootstrap CSS 放在您自己的 CSS 之后,因此設置background-color
的規則正在替換您的規則。
訂單很重要。
您也可能在鏈接自己的樣式表時遇到問題,在這種情況下,您應該使用“網絡”選項卡查找 HTTP 請求以加載它並查看 HTTP 服務器做出的響應。
一旦您知道問題是權限錯誤、404 Not Found 錯誤還是 Content-Type 錯誤,那么您就可以采取措施修復它。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.