[已解决]请问这个调用路径有问题吗?为什么运行调用不了?

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!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;
}

最佳答案

月排行榜 / 总排行榜

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:类选择器间，应该用空格分隔开

最终效果图

跳转到最佳答案楼层

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 给出，感谢 xxm8023 的回答。

单击隐藏图章

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

两个问题：
1:路径地址写错，应在前面加上 ./

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

复制代码

2:类选择器间，应该用空格分隔开

最终效果图

账号		自动登录	找回密码
密码			立即注册