解决方案
head.html
.nav{
display: flex;
align-items: center;
padding-bottom: 2rem;
padding-top: 2rem;
}
.nav>.nav1{
width: 40%;
display: flex;
justify-content: center;
}
.nav>.nav2{
display: flex;
}
.nav>.nav2>div{
margin-left: 6rem;
cursor: pointer;
padding: .2rem;
padding-left: .7rem;
padding-right: .7rem;
border-bottom: solid white 5px;
}
.nav>.nav2>div:hover{
color: white;
background: black;
border-bottom: solid #dcdedd 5px;
}
main.js
$(document).ready(function(){
$("include").load($("include").attr("src"));
});