Html 用于匹配定位图元样式的备选图元类型

我目前正在调整导航栏，我想删除ul中一个锚的功能，同时仍与其他锚的样式相匹配

我已经尝试在特定的li元素上使用id并用按钮替换它（只是复制粘贴css），但到目前为止没有任何效果

这是我的密码笔：

代码笔包含完整的CSS^^

这是HTML（按空格突出显示元素）：

我非常感谢任何建议和帮助 将要“删除”的

标记替换为

（明显删除

href

属性），并在CSS中添加此选择器

。snap-wrapper.snap-box.box_1.navbar ul li span

之前的

。snap-wrapper.snap-box.box_1.navbar ul li a

，类似这样

.snap-wrapper .snap-box.box_1 .navbar ul li span,
.snap-wrapper .snap-box.box_1 .navbar ul li a {
  font-size: 1.5rem;
  padding: 23px;
  display: block;
  position: relative;
  z-index: 1;
  color: #e4e4e4;
  text-decoration: none;
} 

---

太棒了必须移除两个上的“.snap wrapper.snap box.box_1”，但它似乎有效！

.snap-wrapper .snap-box.box_1 .navbar ul {
  list-style: none;
  display: flex;
  color: transparent;
  position: relative;
}

.snap-wrapper .snap-box.box_1 .navbar ul li {
  position: relative;
}

.snap-wrapper .snap-box.box_1 .navbar ul li a {
  font-size: 1.5rem;
  padding: 23px;
  display: block;
  position: relative;
  z-index: 1;
  color: #e4e4e4;
  text-decoration: none;
}  

.snap-wrapper .snap-box.box_1 .navbar ul li span,
.snap-wrapper .snap-box.box_1 .navbar ul li a {
  font-size: 1.5rem;
  padding: 23px;
  display: block;
  position: relative;
  z-index: 1;
  color: #e4e4e4;
  text-decoration: none;
}