不同链接的链接采用样式

由 发布于

The Logo is white when it's supposed to be black idk why. Website

这是针对学校项目的，我只非常了解基础知识。抱歉，这是一个愚蠢的问题。

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>PhoneDirect</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/Code/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <a href="index.html">PhoneDirect</a>
        <nav>
            <ul>
                <li><a href="what-to-buy.html">What to Buy</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact-us.html">Contact Us</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section>

        </section>
    </main>

    <footer>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="what-to-buy.html">What to Buy</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="contact-us.html">Contact Us</a></li>
        </ul>
    </footer>
</body>
</html>

CSS代码：

*{
    margin: 0;
    box-sizing: border-box;
}
body{
    width: 100%;
    font-family:'Roboto', sans-serif;
    background: rgb(248,119,0);
    background: linear-gradient(135deg, rgba(248,119,0,1) 0%, rgba(255,83,125,1) 100%);
}

header{
    width: 97%;
    height: 100px;
    margin: auto;
    padding: 20px;
    background-color: white; 
}

header a:link, a:visited{
    color: black;
    font-weight: bolder;
    font-size: 45px;
    font-style: italic;
    text-decoration: none;
}

header nav{
    float: right;
}

header nav ul li{
    display: inline-block;
    margin-top: 20px;  
}

header nav ul li a:link, a:visited{
    font-size: 24px;
    float: right;
    padding: 0px 10px;
}

main{
    width: 97%;
    margin: auto;
    background-color: white;
    border-radius: 0px 0px 30px 30px;
    padding-bottom: 20px;
}

footer ul li{
    display: inline-block;
}

footer ul li a:link, a:visited{
    color: white;
    align-self: center;
    text-decoration: none;
}

................................................... ................................................... ................................................... ........