Question

我有兴趣使用nav标签代替 div＆gt; ul＆gt; li＆gt; a 作为水平导航菜单。

我可以获取导航栏并插入分隔符。

使用 div＆gt; ul＆gt; li＆gt; a 方法，添加的分隔符不属于链接，因为它们已添加到li上。

当我使用 nav＆gt; a 并插入分隔符时，它们会作为链接的一部分包含在内。

我尝试了：导航a：之前：在css中链接{text-decoration：none;} ，但这不起作用。

在添加我的分隔符的css中添加 text-decoration：none 也不起作用。

导航a：在{content：“|”之前; text-decoration：none;}

使用 nav＆gt; li＆gt; a 为我提供了一个包含默认项目符号的垂直列表，这违反了使用导航标记的目的。

这是一个输出示例，您可以在其中看到“|”分隔符作为链接的一部分包含在内。

实现我上面列出的工作（不起作用）只会删除下划线（不是链接），即使它们有效。我想从分隔符中删除链接，但如果我能得到的话，可能会从删除下划线中找到答案。

Answer 1

这两个工作：html（只是将分隔符直接放在导航中）

<nav>
  |<a href="s">dsa</a>|
  <a href="a">sdf</a>|
  <a href="d">rsd</a>|
</nav>

或将分隔符放在a-tag嵌套在的p-tag中：

CSS：

nav p{display: inline; margin-right:15px;}
nav a{margin: 10px}

使用html：

<nav>
   <p><a href="t">fdd</a></p>
   <p>|<a href="e">fdd</a></p>
   <p>|<a href="d">fss</a></p>
   <p>|<a href="d">gde</a></p>
</nav>