Treehouse: Grow your CSS skills. Land your dream job.

Last updated on:

Style Override Technique

p { 
   font-size: 24px !important; 
}

The !important rule at the end of a value will override any other style declarations of that attribute, including inline styles.

Reference URL

Comments

  1. mansur
    Permalink to comment#

    Wow… I learn new thing here… TQ for the snippet..

    Reply ↓
  2. Chris
    Permalink to comment#

    It’s evil!!!
    Code clean and you dont have to do this.

    Reply ↓
  3. Joachim
    Permalink to comment#

    Chris, it’s not evil but sometimes neccessary. Imagine you use something like Joomla and need to chnage CSS styles of a module. If they update the module all is gone. But if you extract the styles you want to edit and “import” them, you can attach your onw CSS with the changes and most times you will have no trouble updating :)

    Reply ↓
  4. Abhinav Banerjee(India)
    Permalink to comment#

    how to overrid the color of sticky color style:
    For Example:
    .sticky{
    color:#000;
    }
    .nav{
    color:#fff;
    }
    I get #fff as color even when sticky class is added in sticky navigation.
    Please Help!!

    Reply ↓
  5. chris
    Permalink to comment#

    good good I learnt something new today

    Reply ↓

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with the rest other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Go PRO on CodePen

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

Signup for The Lodge

Peruse Jobs!

Always good to keep your eye on the field.

If you're looking to hire, posting your job on the CodePen job board means it will be shown here on CSS-Tricks and on the ShopTalk job board as well.

Post a Job

We can do the real footer now.