Question

如何使导航菜单中的 <li> 在单击后更改颜色并保持该颜色，只要它位于我网站的同一页面上，最好不使用 JavaScript 或 jQuery？谢谢。

示例： https://smartsoftcode.com/preview/kenox/demo/index-v2.html
顶部导航菜单中的每一项在被点击时都会改变颜色，并保持该颜色直到点击另一个列表项。

Answer 1

try this one brother "active" method 
<!DOCTYPE html>
<html>
<head>
<style>
.active:active {
  color: red;
}
.focus:focus {
  color: red;
}
:target {
  color: red;
}
</style>
<body>
<a href='#target1' id='target1' class='target'>Target 1</a>
<a href='#target2' id='target2' class='target'>Target 2</a>
<a href='#target3' id='target3' class='target'>Target 3</a>

</body>
</html>

我怎样才能让 <li> 在被点击时改变颜色并保持该颜色直到重定向？

1 个答案: