如何使导航菜单中的
<li>
在单击后改变颜色,并在我网站的同一页面上保持该颜色,最好不使用 JavaScript 或 jQuery?谢谢。
示例:
https://smartsoftcode.com/preview/kenox/demo/index-v2.html
顶部导航菜单中的每个项目在单击时都会更改颜色,并保持该颜色,直到单击另一个列表项。
试试这个
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>