Question

I’m aware technically you can’t do this as inline always takes president.
Inline element with styles:

element.style {
    width: 185px !important;
}

and then inside a style.css file:

.something ul li {
     width: 179px !important;
}

I thought maybe if i just got more specific i could override it, even though i know this isn’t technically possible.

Also i don’t want to use JS to override it.

Answer 1

I assume instead of president you mean “precedence”.

I was always aware that you could override inline styles from the css file using exactly the method that you outlined. For instance, this url explains exactly that procedure: http://css-tricks.com/override-inline-styles-with-css/