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
Post a Comment