☰

VS 程式碼錯誤。 css根本沒有抓取元素

tag-icon • tag-icon html visual-studio-code css
VS 程式碼錯誤。 css根本沒有抓取元素

不確定交易是什麼，我在其他地方找不到答案。但 CSS 變更不會載入到瀏覽器中。即使是對 h1 標籤進行簡單的顏色變更。然而，我進入了我的其他項目，看看是否是這種情況，並且效果很好。似乎只有當我開始一個新專案時才會出現。我使用 Visual Studio Code 作為我的編輯器。

（抱歉，描述很奇怪，絕對是新手，仍在學習行話）

只需簡單地執行此操作，更改就不會載入到瀏覽器中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

h1 {
    color: red;
}

有什麼幫助嗎？

答案1

你的 CSS 聲明

h1 {
    color: red;
}

可能直接在您的.html文件中，但它必須位於標籤內<style>，而標籤又必須位於<head>標籤內：

<head>
    <style>
        h1 {color: red;}
    </style>
</head>

所以你的完整程式碼將是

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        h1 {color:red;}
    </style>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

答案2

您可以嘗試將內聯 css 屬性套用至 h1 標記，例如：

<body>
    <h1 style="color:red;">Hello</h1>
</body>

或者您可以將程式碼放入標籤中，例如：

<head>
    <style>
        h1 {color: red;}
    </style>
</head>

或者您可以使用外部 css 檔案並將其連結到您的 head 部分。

相關內容