如何让 <li> 在单击时改变颜色并保持该颜色直到重定向?

问题描述 投票:0回答:1

如何使导航菜单中的

<li>
在单击后改变颜色,并在我网站的同一页面上保持该颜色,最好不使用 JavaScript 或 jQuery?谢谢。

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

html css user-interface menu html-lists
1个回答
0
投票

试试这个

active
方法:

<!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>
© www.soinside.com 2019 - 2024. All rights reserved.