# CSS !important Rule: How to Use It Correctly
**URL:** https://forum.pinegrow.com/t/css-important-rule-how-to-use-it-correctly/813
**Category:** Styling (CSS)
**Created:** [March 30, 2017, 3:21am UTC](https://forum.pinegrow.com/t/css-important-rule-how-to-use-it-correctly/813 "2017-03-30T03:21:37Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)
#### Post date: [March 30, 2017, 3:21am UTC](https://forum.pinegrow.com/t/css-important-rule-how-to-use-it-correctly/813/1 "2017-03-30T03:21:37Z")
> **[CSS !important Rule: How to Use It Correctly | DevelopIntelligence](https://www.developintelligence.com/blog/2016/04/css-important-rule-how-to-use-it-correctly/)**
>
> When to use (and not use) the CSS !important Rule:
Good article, especially as my instincts were right 😁
Another article here (from 2011) which is a good read, offering examples of when the use of important, is the right choice
> **[When Using !important is The Right Choice | CSS-Tricks](https://css-tricks.com/when-using-important-is-the-right-choice/)**
>
> Using !important rules can be a dangerous road to start going down, but they exist for a reason. There are some good use cases which we'll cover here.
Maybe (to some) it isn’t important but it’s nice to get yourself into good habits, especially when building your own templates or block kits, get the structure right and you should never have to use important.
---
### Author:  [@Jack\_Clarity](https://forum.pinegrow.com/u/Jack_Clarity)
#### Post date: [March 30, 2017, 4:29pm UTC](https://forum.pinegrow.com/t/css-important-rule-how-to-use-it-correctly/813/2 "2017-03-30T16:29:44Z")
it’s funny i posted this as I was having an issue updating part of the default bootstrap navbar, but I was convinced I never had this problem before.
This is what I love about pinegrow, it helped me find the following rule that I needed to override
.navbar-default .navbar-nav \> .open \> a, .navbar-default .navbar-nav \> .open \> a:hover,.navbar-default .navbar-nav \> .open \> a:focus
Allowing me to add transparent or my choice of color, without adding important. May not be interesting to many, but Pinegrow helps me customise Bootstrap without having to use important and I thank you Pinegrow