代码之家  ›  专栏  ›  技术社区  ›  Yunusović

我无法用css更改html段落颜色

  •  0
  • Yunusović  · 技术社区  · 8 月前

    (我使用visual studio代码)这是html

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Title</title>
        <link rel="stylesheet" href="css/maincss">
    </head>
    
    <body>
        <h1>Title</h1>
        <p class="mainp">Paragraf</p>
      
    </body>
     
    </html> 
    

    这是css部分

    .mainp {
        color: aqua;
    }
    

    网站上的颜色不变我也试过用颜色不变

    p {
        color: aqua;
    }
    

    我想更改我的字体颜色,但它没有更改

    0 回复  |  直到 8 月前
        1
  •  -1
  •   spinhead    8 月前
    1. 确保你的CSS

      .maip{ 颜色:浅绿色; }

    位于css文件夹中名为main.css的文件中 2.将css链接更改为

    <link rel="stylesheet" href="css/main.css">
    

    注意文件名:main.css而不是maincss

        2
  •  -1
  •   The Peeps191    8 月前

    确保你的CSS文件路径是“CSS/main.CSS”,也许你忘记了句号(打字错误)?

        3
  •  -1
  •   merndev    8 月前

    在你的html代码中,你附加了一个错误的文件,你提到的文件是css/maincss,应该是main.css

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Title</title>
        <link rel="stylesheet" href="css/main.css">
    </head>
    
    <body>
        <h1>Title</h1>
        <p class="mainp">Paragraf</p>
      
    </body>
     
    </html> 
    

    还要确保css文件夹中有一个名为main.css的文件