Title: Css element problem
Last modified: August 20, 2016

---

# Css element problem

 *  [danny_getextra](https://wordpress.org/support/users/danny_getextra/)
 * (@danny_getextra)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/)
 * Hi Guys,
 * [http://integra-av.co.uk/](http://integra-av.co.uk/)
 * I’ve got over 6 months of working as a junior web developer under my belt.
    so
   working with wordpress is fairly common for me.
 * My problem is I can’t seem to target the eco friendly tab with a css hover effect.
   I want the background to go green so I added this style to the style-sheet but
   it doesn’t seem to work.
 * the image is a green tab.
 *     ```
       #menu-item-792: hover
       {
   
               background: url("http://www.integra-av.co.uk/wp-content/uploads/2012/11/main_menu3.png") no-repeat 0 0;
              }
       ```
   

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188422)
 * Try using Firefox with the Firebug add-on for this kind of CSS work.
    [http://getfirebug.com/](http://getfirebug.com/)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188423)
 * The hover pseudo element _could/should_ be used with hyperlinks, also remove 
   the space before the pseudo element.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188425)
 * Try this:
 *     ```
       #menu-item-792 a:hover
       ```
   
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188426)
 * Um – not strictly correct. IE is pretty good with :hover these days and there
   are js fixes for earlier versions of IE. Pretty sure that Opera and Chrome (like
   Firefox) have always honoured :hover.
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188431)
 * probably a specificity problem;
    try to use `!important` on your style or try
   to find a more specific style; compare this with how the other menu list elements’
   hover states are styled.
 * not a WordPress problem 😉
 *  Thread Starter [danny_getextra](https://wordpress.org/support/users/danny_getextra/)
 * (@danny_getextra)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188441)
 * thanks guys it turns out the website has 2 style sheets effecting the styles.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Css element problem’ is closed to new replies.

 * 6 replies
 * 5 participants
 * Last reply from: [danny_getextra](https://wordpress.org/support/users/danny_getextra/)
 * Last activity: [13 years, 6 months ago](https://wordpress.org/support/topic/css-element-problem/#post-3188441)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics