分享
三行代码  ›  专栏  ›  技术社区  ›  John Allison

由于某种原因CSS不会应用于HTML标记

  •  0
  • John Allison  · 技术社区  · 3 天前

    <html>
        <head>
            <link rel="stylesheet" type="text/css" href="main.css" media="screen">
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
            <link href="https://fonts.googleapis.com/css?family=Gothic+A1&display=swap" rel="stylesheet"> 
    
            <title>My Name</title>
        </head>
    
        <div class = "main">
            <h1 id="my-name">Hey, I'm John!</h1>
            <div class="about">
                <p>Bio goes here </p>
            </div>
    
            <div class="projects">
                <h1 id="project-section-title">Projects</h1>
                <dl class="row">
                    <div class="project">
                        .
                        .
                        .
                    </div>
                </dl>
            </div>
        </div>
    </html>
    

    我想整页的样式都有一定的背景,所以我添加了

    html {
        font-family: 'Gothic A1', sans-serif;
        background-color: #151515;
        color: #8a8a8a;
    }
    

    但是当我保存它的时候什么都不会发生。

    1 回复  |  直到 3 天前
        1
  •  0
  •   RHShanks92    3 天前

    我发现了问题。Bootstrap指定 background-color: #fff 的属性 body 身体 CSS文件中的选择器,而不是 html 一个。