html - Changes doesn't take effect unless I put " !important " tag. Why? -


I am creating simple navigation bars in CSS. The following changes are not effective in my custom style sheet (style.css) I used bootstrap in HTML markup:

  ul.nav li a : Hover {background: # 2E9AFE; Do not work in / * Style.css * / color: white; / * Do not work in style.css * /}  

But when I put the Important tag, it works because it does not work on the previous one Does it?

  ul Nav li a: Hover {Background: # 2E 9FFE! Important; / * It works * / Color: White! Important; / * This works * /}  

Try

  .ur-nomivore-specifc-divname ul.nav li a: hover {background: # 2E9AFE! Important; / * This will work * / Color: White! Important; / * This will work * /}  

Any other CSS file assets (bootstrap.css in ur case) or to ride the plugin! You need to use a more specific parent selector to target and override the properties.


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -