Html 如何使列表组项目在没有锚定标记的情况下处于活动状态？

我想设置一个项目的样式

活动

以突出显示它（更改背景色等）。Bootstrap仅支持

active

类

我有点像：

<ul class="list-group">
  <li class="list-group-item active">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

Cras justo odio
Dapibus ac设施在
Morbi leo risus
Porta ac concetetur ac
eros的前庭

使

Cras justo odio

样式处于活动状态

---

这样做的最佳实践是什么？

有一个简单的解决方案。更好的选择应该是使用带有默认光标的

a

.my list{
游标：默认值；
}

克拉斯胡斯托奥迪奥酒店
Dapibus ac设施处于关闭状态
莫比利奥·里索斯
交流门
爱神前庭

有直接的解决方案。更好的选择应该是使用带有默认光标的

a

.my list{
游标：默认值；
}

克拉斯胡斯托奥迪奥酒店
Dapibus ac设施处于关闭状态
莫比利奥·里索斯
交流门
爱神前庭

您需要找到所有列表项并从中删除

活动的
类。然后，您需要在单击的项目上设置
活动
类。你可以这样做

您需要找到所有列表项并从中删除
活动类。然后，您需要在单击的项目上设置
活动
类。你可以这样做

我无法理解这一点。你的预期结果是什么？你试过什么？在你的问题上放置一个小链接。我的理解是，你想用
突出显示
替换
活动的
，对吗？我不明白。你的预期结果是什么？你试过什么？在你的问题上放置一个小链接。我的理解是，你想用
突出显示
替换
活动的
，对吗？您不必坚持使用
标记-您可以使用
标记，而使用与
..
相同的类。您建议的HTML无效-除了OP明确要求不使用链接的解决方案之外。您不必坚持使用
标记-您可以使用
标记，对于像
…
这样的同一个类，除了OP明确要求不使用链接的解决方案之外，您建议使用无效的HTML。