Why submenu item’s background color is not changing by css?

CSS is a game of competing priorities. When two rules conflict, whichever one has the higher specificity wins.

If you have these rules and something is not affected by it, then something else has a higher specificity.

Since you have specified the !important tag, whatever is trumping you is also using the !important tag. Then it is trumping you by also having a higher specificity in another way (or even just by coming after yours).

You need to inspect the element and find out the source of your competition, then write a rule to trump it.

The difficulty in trumping !important tags is the precise reason they are absolutely not recommended.

No one else can diagnose this further without seeing the actual page where it is happening (since you don’t know where the other style rules are coming from).

Related Posts:

  1. Getting rid of unused css directives [closed]
  2. Change logo on each page of University Hub theme [closed]
  3. How do I copy my Parent Templates to my Child Templates?
  4. How to load parent theme style.css?
  5. Child Style.css not overriding parent theme style located in assets/css/main.css
  6. How does a Child Theme works?
  7. Creating new templates in child themes breaks layout
  8. Port existing Bootstrap site to WordPress?
  9. Child theme’s stylesheet cannot load [closed]
  10. What’s the default order used by WordPress to load CSS files?
  11. The requested theme does not exist. Stylesheet is missing – error after changing style.css name to my-styles.css in wp child theme?
  12. Strange Theme Error – parent style occasionally showing though child theme
  13. Child theme after CSS modification
  14. Custom Theme Additonal CSS “” are transformed to “&gt” and “&lt”
  15. how to add version of style.css in wordpress
  16. How to move the sidebar in TwentyFifteen to the right?
  17. Override parent theme translation on child theme
  18. How to set thumbnail image for a (child) theme
  19. How can I version the main CSS file?
  20. Do Child-Themes automatically load the Translation from the Parent-Theme?
  21. Difference between stylesheet_directory and template_directory
  22. How to override the “inc” folder (or any folder) in a theme using child theme?
  23. I’m trying to add an image in my CSS
  24. Edit theme wp_head
  25. Are custom inner theme folders in any way overridable by child themes?
  26. Override parent theme translation on child theme
  27. Want to create Child theme, but already edited Parent theme css files and some php files
  28. Can I create multiple instances of the BuddyPress Activity Stream with separate themes? [closed]
  29. Can’t Install Child Theme “The parent theme is missing. Please install the “Default” parent theme.”
  30. Can I rename a theme’s folder and still receive updates?
  31. Child theme not visible
  32. Themes—Child Themes
  33. how to remove padding from left and right side? [closed]
  34. 404 Error while accessing the font files
  35. Should a child theme share the same theme options row as the parent, or should it have it’s own options row?
  36. Inject widgets from one sidebar into another with PHP
  37. Where all are child themes recorded when they are created in WordPress
  38. I have some doubts regarding how to implement child theme
  39. How do I get rid of or change the footer in my child theme?
  40. Style the archives/category sidebar widget via theme
  41. Custom CSS doesn’t work in edit mode
  42. Remove transparancy in Sydney theme’s headerimage
  43. How can I add class to every quote element?
  44. Edited Child Theme’s “header.php” but it doesn’t appear to change the file
  45. Updating my free theme delete all my changes [closed]
  46. Do not show one specific widget on one specific page
  47. How to style the post previews/links without it affecting the main posts?
  48. Different logo on homepage
  49. How can we hide the parent’s theme url at the child themes details on a multisite?
  50. Cannot apply custom css to IE in the theme
  51. how do i in ignore/disable/delete a javascript call from parent in child theme?
  52. Theming global variables – initializing in index.php but using in header.pho
  53. Is it good practice moving the main stylesheets after the plugin styles?
  54. Not all CSS elements transferring via parent to child?
  55. Understanding the theme details in style.css
  56. Passing dynamic options from backend to frontend
  57. Getting a ‘slide down’ js panel implemented within WP
  58. Need a theme that let the posted content stretched maximum width [closed]
  59. How to override theme class function to child theme? [closed]
  60. On a Https site, Css and Js Url are back to http after redirect the site
  61. How to integrate JSS to WordPress
  62. How can I remove all traces of a theme?
  63. WordPress activate theme error $pagenow
  64. Theme update deleted my custom page
  65. Updating WordPress Theme Files
  66. Increase content area width in TwentyFourteen [closed]
  67. Using Grunt and keeping theme comments
  68. Homepage showing a simple listing of title, featured image, then posted on
  69. Background image appears on localhost site but not online
  70. Where did my Theme Editor go?
  71. Event Organiser breaks the theme [closed]
  72. WordPress Theme Breaking on Migration to Live Site [closed]
  73. WordPress doesn’t recognise created theme
  74. Menu items do not “open” when mouse hover over them?
  75. My blog suddenly can’t find my stylesheet?
  76. WP Nanoplex 1.0.3 malfunction
  77. removing side space between para and container on generatepress?
  78. Understanding the child / parent theme relationship
  79. How Can I Disable WordPress Theme Self-Update?
  80. How to customize a section of a widget only on certain pages or page
  81. How can I fix my theme header for my CSS stylesheet?
  82. Custom homepage with recent blog posts
  83. Adding custom html/css/images to Theme
  84. how make wp include urls as https?
  85. Why does WordPress Editor Only Use Half the Box?
  86. CSS in child theme isn’t working properly
  87. WordPress loads old style.css, then loads current one
  88. TwentyFourteen Theme : Changing grid layout
  89. Featured images are cropped on index and post page
  90. How to allow users to switch to the child theme from front end without plugin?
  91. EM in CSS different size on wordpress then elsewhere [closed]
  92. How do you make your theme Child Theme-able? [duplicate]
  93. How do I block a subdirectory from WordPress theming?
  94. How to Hide Blog Post Author?
  95. How can i limit wordpress post title characters in sidebar?
  96. Commenting in CSS (//) equals “none”? [closed]
  97. How to change the standard width of a page
  98. how to add dynamic footer credit in Greatmag theme [closed]
  99. Check if style is declared in child theme from within parent theme. if so, use that style in parent theme
  100. Help with Divi logo not appearing for 10s