gpt4 book ai didi

html - CSS 文件没有链接到我的 HTML 文件

转载 作者:太空宇宙 更新时间:2023-11-03 23:13:17 24 4
gpt4 key购买 nike

我觉得我只是忽略了一些非常简单的事情。我无法让我的排序菜单的 CSS 文件链接到我的 html 文件。相关代码如下。

需要注意的是CSS文件在CSS/home/sortmenu.css中。

link 代码:

<head>
<link rel="stylesheet" type="text/css" href="../CSS/all/page.css">
<link rel="stylesheet" type="text/css" href="../CSS/all/header.css">
<link rel="stylesheet" type="text/css" href="../CSS/all/mainmenu.css">

<link rel="stylesheet" type="text/css" href="../CSS/home/table.css">
<link rel="stylesheet" type="text/css" href="../CSS/home/sortmenu.css">
</head>

CSS 代码:

/*
#sortmenu {
position: absolute;
background-color: #333;
border: 5px solid #222;
border-top: 0;
margin-left: -5px;
width: 160px;
}
#sortmenu > li {
display: block;
position: relative;
}
#sortmenu li a:hover {
color: #699;
}
#sortmenu li: hover ul {
display: inline-block;
}

.sortsubmenu {
display: none;
position: absolute;
background-color: #333;
border: 5px solid #222;
border-left: 0px;
text-align: right;
top: -5px;
left: 100%;
width: auto;
}

.sortsubmenu li{
display: inline;
white-space: nowrap;
}

.sortsubmenu li a:hover {
color: #DB7093;
}

#songsortmenu {
border-top: 0px;
}
*/

#sortmenu {
background-color: #222;
}

#sortmenu_wrapper {
width: 100%;
margin: 0 auto;
text-align: left;
}

#sortmenu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

最佳答案

删除 div 之前的 /

<div id="sortmenu">
<div id="sortmenu_wrapper">
<ul>
<li><a href='#'>Name</a></li><li>
<a href='#'>Artist</a></li><li>
<a href='#'>Album</a></li><li>
<a href='#'>Genre</a></li><li>
<a href='#'>Release Date</a></li><li>
<a href='#'>BPM</a></li>
</ul>
</div>
</div>

关于html - CSS 文件没有链接到我的 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31800463/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com