Question

I’m creating a navigation bar and its made using an unordered list. I want to override my style for the first one so it looks different. I tried changing its class, but the actual style overrides it. Thanks

Answer 1

In the style declarations, use !important, like this:

.myFirstOne {
    color: blue !important; /* for example */
}

Make sure you put the !important last. Is there a way you can factor the attributes out of the style attribute and into a class? That would be a cleaner and less tedious way of doing it, as !important must come after every declaration.

See this link for more information on CSS cascading rules.