如何在不使用任何javascript和模板的情况下继承主页上链接的每个html页面上的CSS菜单

我手头有一项任务，就是不使用Javascript和模板创建网站。在阅读了许多CSS教程之后，我无法理解如何将相同的页面样式和菜单继承到所有链接页面。我是否必须在每个页面中创建菜单，或者是否有代码可通过main.css继承？我希望在所有页面上都安装相同的菜单，以便在不使用任何客户端脚本的情况下轻松导航。我的主要css

/* my styles */

html{
    background: white;
}



body {
    font-family:"Verdana";

}


#page {
    width:960px;
    background-image:url("src/school.png");
    margin:20px auto;

}

nav {
    background:#001D2D;
    width:100%;
    height:50px;

}


nav a{
    display:block;
    background-color:#001D2D;
    color:#fff;
    text-decoration:none;
    padding:14.5px;
    float:left;
}

nav a:hover{
    background-color:#15A88C;
}

nav ul li:hover{
    position:relative;
    list-style-type: nones;
}

nav ul li{
    float:left;
}

编辑*

---

我知道我必须将css链接到所有html页面，我想知道的是，我必须复制粘贴导航标记元素并在所有链接的html页面中重新创建菜单才能继承css样式吗？。这是个好习惯吗？有什么解决办法吗？

只需在头标签和

style.css中制作样式表，并在每页上提及即可



这是你的页面

我认为最好的方法是在您需要的每个页面中包含main.css

因此，在
标记之间的html页面中，放置以下行：

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



编辑：

要回答您的编辑，是的，如果您不想使用模板，您可以复制您想要的HTML部分。
只需将其添加到所有页面中即可

<link href="MyCss.css" rel="stylesheet" />



如果您想为任何特定页面添加或修改任何css编码，那么可以使用内联css。高度不推荐，但如果它的小变化，您可以使用内联css。
如。
这将替换默认的css。
我知道我必须将css链接到所有html页面，我想知道的是，我是否必须复制所有链接html页面中的粘贴元素以继承css样式？。这是个好习惯吗？有什么解决办法吗？是的，它是标签式的标题、章节、文章，是复制我编辑的描述的最佳实践。我必须在每个html页面中重复nav元素才能继承我的css吗？我也可以看到你的html页面吗？如果你在下一个html页面中使用nav，它将自动使用该属性。