Html Blogger页面菜单覆盖我的代码

尝试在Blogger中组合一个合理的页面菜单，可以在帖子下方构建它，但在标题下方，它会恢复为模板页面菜单样式。是否有一些代码需要禁用

我的设计

HTML

<ul id="nav">
  <li><a href="">HOME</a></li>
  <li><a href="x">ONE</a></li>
  <li><a href="x">TWO</a></li>
  <li><a href="x">THREE</a></li>
  <li><a href="x">FOUR</a></li>
</ul>

---

我只会把代码拼凑在一起，理解零碎的东西。谢谢您的帮助。

尝试将id nav更改为任何其他名称，然后再更改css引用。检查以下内容，我将其更改为mynav：

<ul id="mynav">
  <li><a href="">HOME</a></li>
  <li><a href="x">ONE</a></li>
  <li><a href="x">TWO</a></li>
  <li><a href="x">THREE</a></li>
  <li><a href="x">FOUR</a></li>
</ul>

#mynav {
  display: table;
  height: 64px;
  width: 100%;
}

#mynav li {
  display: table-cell;
  height: 50px;
  width: 16.666666667%;  /* (100 / numItems)% */
  line-height: 64px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid #fff;
  white-space: nowrap;
  font: 24px raleway
}​

@media (max-width: 767px) {
  #mynav li {
    display: block;
    width: 100%;
  }
}

#我的导航{
显示：表格；
高度：64px；
宽度：100%；
}
#李美娜{
显示：表格单元格；
高度：50px；
宽度：16.667%；/*（100/微米）%*/
线高：64px；
文本对齐：居中；
背景：#ffffff；
右边框：1px实心#fff；
空白：nowrap；
字体：24px雷威
}​
@介质（最大宽度：767px）{
#李美娜{
显示：块；
宽度：100%；
}
}

我尝试了这个-它不起作用，我不知道为什么，因为我甚至已经取出了navbar小部件的默认代码。

<ul id="mynav">
  <li><a href="">HOME</a></li>
  <li><a href="x">ONE</a></li>
  <li><a href="x">TWO</a></li>
  <li><a href="x">THREE</a></li>
  <li><a href="x">FOUR</a></li>
</ul>

#mynav {
  display: table;
  height: 64px;
  width: 100%;
}

#mynav li {
  display: table-cell;
  height: 50px;
  width: 16.666666667%;  /* (100 / numItems)% */
  line-height: 64px;
  text-align: center;
  background: #ffffff;
  border-right: 1px solid #fff;
  white-space: nowrap;
  font: 24px raleway
}​

@media (max-width: 767px) {
  #mynav li {
    display: block;
    width: 100%;
  }
}