# Hover element problem

**URL:** <https://forum.kirupa.com/t/hover-element-problem/295678>\
**Category:** Uncategorized\
**Created:** [September 2, 2009, 9:37pm UTC](https://forum.kirupa.com/t/hover-element-problem/295678 "2009-09-02T21:37:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ParanoidAndroid](https://avatars.discourse-cdn.com/v4/letter/p/b19c9b/32.png) [@ParanoidAndroid](https://forum.kirupa.com/u/ParanoidAndroid)\
**Post date:** [September 2, 2009, 9:37pm UTC](https://forum.kirupa.com/t/hover-element-problem/295678/1 "2009-09-02T21:37:56Z")

</div>

ok so i have a menu,which is simply a html list. i apply a li:hover to change the background color of any \<li\> element when i move the mouse over them. but when i’m in a certain section of the site, its corresponding button is “selected” and i don’t want its background to change when i move my mouse over it. is there a way to avoid the hover over one element? or should i mess up with javascript? is there a pure CSS solution for this?