kevin_123 发表于 2021-1-15 23:01:55

请问这个调用路径有问题吗?为什么运行调用不了?

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>这是一个测试网站</title>
                <link rel="stylesheet" type="text/css" href="css/main.css"/>
        </head>
        <body>
                <div id="wrapper">
                        <div class="header">
                                <div class="logo">主页</div>
                                <div class="nav">
                                        <a href="index.html">首页</a>
                                        <a href="http://www.baidu.com">一点百度</a>
                                        <a href="https://pro.schoolpal.cn/" target="_blank">二点校宝</a>
                                        <a href="#">css</a>
                                        <a href="#">js</a>
                                        <a href="#">联系我们</a>
                                </div>
                        </div>
                        <div class="main"></div>
                        <div class="footer"></div>
                </div>
        </body>
</html>



css如下:
body{
        margin: 0;
}
.header.logo{
        font-size: larger;
        background-color: black;
        color: #FFFFFF;
        padding: 10px;
}
.header.nav{
        background-color: #7FFF00;
        overflow: auto;
}
.header.nav a{
        background-color: #7FFF00;
        font-size: 1.0625rem;
        color: #FFFFFF;
        padding: 0.625rem;
        float: left;
        text-decoration: none;
}
.header.nav a:hover{
        background-color: orange;
}

zxcbcv 发表于 2021-1-16 16:52:49

我试了下，你的css选择器之间好像没有空格，比如.header直接就.nav了

Darth_EF 发表于 2021-1-16 19:02:32

楼上说的对

xxm8023 发表于 2021-3-1 00:51:57

本帖最后由 xxm8023 于 2021-3-1 00:53 编辑

两个问题：
1:路径地址写错，应在前面加上./
<link rel="stylesheet" type="text/css" href="./css/main.css"/>
2:类选择器间，应该用空格分隔开

最终效果图
页: [1]
查看完整版本: 请问这个调用路径有问题吗?为什么运行调用不了?